How to replicate facebook photo view and show photos very fast from web

Question

Hi, I have to create same functionality as facebook has does like all the photos display at one view and from that user can choose photo and it goes to large photo. This photos are showing very fast. I have 5 photos from web but it take so much time. Does anyone know how they shows photo very fast.

Answer 1

I don't know about the iphone app in particular, but I do know that the main facebook website prefetches images in photo albums.

Answer 2

I don't know the answer but I suggest you look at the three20 source code on github. Joe Hewitt (who wrote the Facebook app) published much of its code including the photo view. There is also a Google group that discusses three20.

Answer 3

Thank your answer, Now i am simply pulling photo from web like this way,

NSURL *url = [NSURL URLWithString:@"http://us.i1.yimg.com/us.yimg.com/i/us/bf/gr/bf_large2_2.gif"];

NSData *data = [[NSData alloc] initWithContentOFUrl:url];

UIImage *urlImage = [UIImage imageWithData:data];

But its very slow, i checked this three20 source code, but the problem is that already my apps has RouteMe external code and if i will put three20 code then my app size will cross that 4 MB.

So is there any another way to do this?

Answer 4

Facebook creates multiple sizes of each photo when it is uploaded. They also convert all the photos to png I'm pretty sure, likely reducing the file size of the original photo. I know creative has often complained about the "quality" of photos after uploaded to Facebook.

This allows them to deliver the appropriate sized image (both dimensions and file size) for quick display rather than delivering a full sized image and having the client resize it.