-1

I need something like this

But I have found nothing similar to this one for iphone with retina display

Gargo
  • 704
  • 6
  • 16
  • For the retina display can follow this , reminding you that the images (only those), must be contained in double dimension @ 2x – WhiteTiger Jul 23 '12 at 09:41
  • I need to prepare images for retina display so I need a real size in pixels.I must convert all the sizes in this picture to pixels for retina manually and it is not a reason to vote down – Gargo Jul 23 '12 at 09:52

2 Answers2

2

Notice how the measurements are in points (not pixels). This is the correct sizing for both retina and normal iPhone displays.

1 point == 1 pixel on non-retina displays and 1 point == 2 pixels on retina displays.

Jasarien
  • 58,279
  • 31
  • 157
  • 188
1

If you're designing your own interface elements and need image dimensions, yes; you just double the values. However, in your code, when referring to the coordinate system of elements (points), you still use then 320x480 point system, as the points are automatically scaled for different device resolutions.

For images, the retina sized images must have the same file name, but with @2x following. For instance, background.png (320x480) must have a similar image background@2x.png with dimensions 640x960.

TeaPow
  • 687
  • 8
  • 17
  • simply i didn't know the height of a status bar and a navigation bar to create an image with a correct size – Gargo Jul 23 '12 at 09:54