2

I have a graphic designer that creates images and things like that for me. Do I need give him separate image sizes to be created specifically for iPhone 5, or do I build like I used to for the 3.5 inch screen? Will the images be resized automatically?

jscs
  • 63,694
  • 13
  • 151
  • 195
Alex G
  • 2,299
  • 5
  • 37
  • 54
  • 1
    It depends upon what the image is. If it's just a background texture, you can get away with just have your graphics team design a single bigger image which you can then center and not scale it (e.g. use `contentMode` of `UIViewContentModeCenter`). If it's a button that won't be growing, you obviously don't have to do anything. But in general, if the graphical element is changing size, it's prudent to have resources for the appropriate sizes. And almost as important as the 3.5" v 4.0" screen, you'll want retina resolution assets to really optimize the experience on retina devices. – Rob Jan 03 '13 at 23:28
  • @Rob Thank you Rob for that detailed explanation. – Alex G Jan 03 '13 at 23:31

3 Answers3

5

Here is one link that may help you.

Naming convention for iPhone 5 images?

and heres another

Screen size of iphone 5

Reviewing these links basically evaluates to yes you have to create separate images for iPhone 5 you will need to add -568h@2x.png to the end of each image that is for iPhone 5. You need to also create and set the launch image as well called Default-568h@2x.png are it will not pick anything up for the iPhone 5.

No it will not resize the images automatically it will select the correct image to use, it will select the one with the -568h@2x.png simple as that.

Hope this helps.

Community
  • 1
  • 1
Popeye
  • 11,839
  • 9
  • 58
  • 91
  • Thank you Popeye. So is the answer Yes? I am aware how to use iPhone 5 in the simulator. I have seen that code that "re-sizes" views but will that re-size images nicely? Thanks – Alex G Jan 03 '13 at 23:27
  • A non-retina image designed for a 3.5" screen can look horrible on iPhone 5. I'd definitely lean towards separate assets for the different devices. – Rob Jan 03 '13 at 23:31
  • Yes same I would just create 3 images. One for iPhone 3GS, One for iPhone 4/4S and one for iPhone 5. Excluding iPad. – Popeye Jan 03 '13 at 23:33
2

You have to provide specific files if your images are dependent on the screen ratio.

In order to conditionally use an image according to the device you can use the technique shown here.

If that's not the case, simply provide the same images and adjust the layout programmatically or within Interface Builder.

Community
  • 1
  • 1
Gabriele Petronella
  • 106,943
  • 21
  • 217
  • 235
2

No iOS devices with a retina display can run iOS 3. You will need high resolution versions of all your pictures.

As for converting photos to work with the iPhone 5, it depends on the photo and how it's used. If the image is used as part of the background, you have two options: you can tile it, which would not require new pictures, or you will have to redesign it altogether.

As for the other pictures, whether you can work with the same ones (same size or resized) or need new ones depends on user interface decisions only you can make. If an image must retain a certain ratio, then perhaps you can resize it and place it accordingly, or maybe an entire new image would work better.

Jack Humphries
  • 13,056
  • 14
  • 84
  • 125