I have looked on few articles and discussion like one here and Here about image resolutions that new iPhones will use @3x images for display. Is it true?
So does it mean we will have to keep three images? Say for example I have an image of 50 X 50, will I have to keep 3 images for optimizing the look for new iPhones?
- Normal (50 X 50)
- @2x - Retina (100 X 100)
- @3x - Retina HD (150 X 150)
Or will the new phones use @2x images only and there is nothing like @3x?
I have tested by making a sample project and all simulators seem to use @3x images, this is confusing.
Edit
Here is some more info
- 3GS ( 163 ppi so use Normal)
- 4, 4s, 5 and 5s (326 ppi so we use @2x)
- 6 (326 ppi so it seems like it will use @2x)
- 6 plus (401 ppi here lies the confusion )
Edit
Based on Answers given by Tsob and nitin, I added @3x images to my project.
Informational Edit
I see few users are confused about why iPhone 6 uses @2x images even though it has higher resolution , the reason is
iPhone 6 might have different resolution but has same density of per pixel inch (PPI)
- Resolution concerns an absolute number of pixels.
- Density (aka Pixels per inch - PPI) concerns a relative number of pixels per inch which is same in case of iPhone 6 and previous iPhones , but different in iPhone 6 plus.
Check more about this here in this thread
Hence iPhone 6 uses @2x image same as iPhones 4 , 5 and 5S as it has same PPI and iPhone 6 plus uses @3x.
ベストアンサー1
UPDATE:
New link for the icons image size by apple.
https://developer.apple.com/ios/human-interface-guidelines/graphics/image-size-and-resolution/
Yes it's True here it is Apple provide Official documentation regarding icon's or image size
you have to set images for iPhone6 and iPhone6+
For iPhone 6:
750 x 1334 (@2x) for portrait
1334 x 750 (@2x) for landscape
For iPhone 6 Plus:
1242 x 2208 (@3x) for portrait
2208 x 1242 (@3x) for landscape
For more info regarding Images and it's resolution this is best ever helpful post
For setting images size for controls you can set 1x @2x and @3x like following: