3

I have a PNG picture which I should use in my iPhone application, but first of all, I have to give it the dimensions of an iPhone 4 retina screen. Does any one know what could it be its dimensions or how to do that?

apaul
  • 16,092
  • 8
  • 47
  • 82
Malloc
  • 15,434
  • 34
  • 105
  • 192

3 Answers3

4

The retina display on the iPhone 4 has the double amount of pixels than that of an older iPhone. So the complete size of an iPhone 4 screen in pixels is 640x960.

In photoshop you can quickly resize any image by changing the image size property from the Image menu. If you don't want to lose quality I suggest you start with all retina images and halve them for the non retina displays. Doing it the opposite way will decrease your quality.

If you want to use an image designed for the iPhone 4 retina display you'll want to have both pictures, one for the normal iPhone screen (320x480) and one for the retina images, in your resource's folder of your Xcode project. Use the same name for those images but append "@2x" at the end of the retina images.

So if you have a "background.png" it will become "background@2x.png" and iOS will be smart enough to use the correct image for the correct type of screen.

Yannick
  • 1,076
  • 1
  • 11
  • 23
1

At 72 dpi, it should be 640px by 960px.

TheStandardista
  • 11
  • 2
  • When adjusting the image dimensions on photoshop, i had no control to select the 72 dpi, is it the default one? – Malloc Sep 08 '11 at 13:45
  • Yes, 72dpi is the standard resolution when creating a new image in Photoshop (unless you have selected another media type, like paper). You could -if you wanted - create your image at 132 dpi (which is the iPhone 4's pixel resolution), but that would make the image slower to load. – TheStandardista Sep 08 '11 at 13:55
1

iPhone4 screen resolution is 960x640

Ruslan
  • 9,927
  • 15
  • 55
  • 89