Why such large images in mobile safari?

Nibbie
Posts: 2
Joined: 2011.12
Post: #1
http://bit.ly/ti5vrH

Why is this image showing larger than the iPhone4 screen in mobile safari? The width of the image is 640px, the iphone screen is 640px.

Any ideas? Huh
Quote this message in a reply
Moderator
Posts: 592
Joined: 2002.12
Post: #2
The iPhone 4 screen is a retina display. This means that effectively the screen is 320px wide because it displays 2 pixels in the same space as 1 pixel on a non-retina display. So in an app you would display a 640px wide image in a 320px width on an iPhone 4 compared to a 320px wide image in a 320px width on an iPhone 3 or an iPad.

Safari must be displaying the source image as a non retina image and thus taking up double the width you are expecting.
Quote this message in a reply
Nibbie
Posts: 2
Joined: 2011.12
Post: #3
Ah... thank you!
Quote this message in a reply
Post Reply