Westminster fountain at sunset

by Jorge Córdoba

submit your photo


Hall of Fame
View past winners from this year

Please participate in Meta
and help us grow.

Take the 2-minute tour ×
Photography Stack Exchange is a question and answer site for professional, enthusiast and amateur photographers. It's 100% free, no registration required.

Why do my website photos look fine on a computer and ipad, but blurry on a smart phone (iPhone 4s)? How do I sharpen and save for smartphone use?

share|improve this question
1  
Can you post a link to the website and also say which smartphone(s) you've seen the problem on? Otherwise it's hard to answer the question. –  Mark Whitaker Jun 28 '12 at 17:10
    
www.marycarrollphotography.com iphone4s –  Mary Jun 28 '12 at 18:30
    
Thanks, that helps a lot! I've posted an answer below. –  Mark Whitaker Jun 29 '12 at 13:03

3 Answers 3

My Samsung Google Nexus does this too - I believe there is some sort of fast-view compression in action.

If they look fine on the PC and iPad then there is nothing that you can do to correct for smart-phones im afraid.

share|improve this answer

Are you using the same set of images for web and mobile? I'll be surprised if you aren't doing that cause you should use smaller size photos for the mobile devices.

If this site was generated automatically using some tool/program then perhaps it down sized the photos and their resolution for the mobile devices, that could desharpen them.

share|improve this answer

Thanks for the site link, Mary - now I can see exactly what the problem is. It's really off-topic for this forum (it's a web development issue rather than a photography one) but I'm sure others may be interested in the answer too.

I see that on the iPhone I get the mobile version of your site. If I click on About it takes me to this page. And here's the main photo used on that page:

(I hope you don't mind me including that here. I haven't uploaded a copy, I've used the direct URL to the image on your site.)

The image size is 280 x 385 pixels. That's a great size for the older generation of smartphones, such as the iPhone 3GS and earlier which had a screen resolution of 320 x 480 pixels. However, the iPhone 4 onwards - and other comparable smartphones using Android etc. - have much higher-resolution screens. The retina display of the iPhone 4 and 4S has a resolution of 640 x 960 pixels: although the screen is the same size as on earlier models the pixels are much smaller, giving a much sharper picture.

What you're seeing on your iPhone 4S is your 280x385 image scaled up to twice the original width and height. That leads it to look soft compared to a "native resolution" image. I see exactly the same on my iPhone 4: it's especially noticeable around the frame of your glasses.

The solution is definitely off-topic here, I'm afraid, but you need to see if you can publish a higher-resolution version of your site that will still work on older handsets.

share|improve this answer
1  
p.s. I don't know if you build your website or someone else does it for you, but this link may be helpful: stackoverflow.com/questions/11102285/… –  Mark Whitaker Jun 29 '12 at 13:07
    
I don't think this is entirely off-topic, by the way. I think it falls under photo editing and creating output to math your display media. –  mattdm Jun 29 '12 at 13:56

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.