Separate images for separate versions

Question

My client said to me that i have to use different images for iPhone 4 (retina display) and different for other older versions

How to do this can anyone help ?

score 5 · Accepted Answer · edited May 23 '17 at 11:47

5

On iOS, you can have two pictures for the same place.

myPicture.png // normal size
myPicture@2x.png // double size

The device will automatically switch to the correct picture based on the screen resolution.

If you should use totally different picture, you can detect device by this way Detect Retina Display

edited May 23 '17 at 11:47

Community

1
1

answered Mar 18 '11 at 06:39

j_freyre

4,623
2
30
47

score 4 · Answer 2 · answered Mar 18 '11 at 06:39

4

How to design for retina display?

Basically you will have 2 sets of images. File1.png and File1@2x.png. Rest is taken care by the os depending on the device.

answered Mar 18 '11 at 06:39

Praveen S

10,355
2
43
69

score 3 · Answer 3 · answered Mar 18 '11 at 06:41

3

See Specifying High-Resolution Images in iOS for a complete description of how to do this. In a nutshell, you provide the usual images, and then high resolution versions with the same name plus "@2x".

answered Mar 18 '11 at 06:41

Caleb

124,013
19
183
272

Separate images for separate versions

3 Answers3