I have added #1x, #2x, & #3x images in asset catalog.
#2x will be used in iPhone 4/4s, iPhone 5.
#3x will be used in iPhone 6 Plus.
So in iPhone 6 which image will be used?
iPhone 6 uses #2x image assets and not R4 or something else because apple didn't provide suitable APIs for background images!
https://developer.apple.com/library/prerelease/ios/documentation/UserExperience/Conceptual/MobileHIG/IconMatrix.html#//apple_ref/doc/uid/TP40006556-CH27-SW1
iPhone 6 - Retina HD 4.7 - (750X1334) - 2x
Related
I am curious what iOS devices uses #1x (I know this should be empty), #2x and #3x. When I search on here, I get uncompleted answers like: What should image sizes be at #1x, #2x and #3x in Xcode? Here I do not see the iPhone 7 or every iPad resolutions. I need to know this because my app requires image downloads and I need to know what size that image needs to be, depending on the screensize. I download it from my server and I would like to know what format (1x 2x or 3x) I should use.
Thanks.
#3x:
iPhone 11 Pro, Pro Max
iPhone Xs, Xs Max
iPhone X
iPhone 8 Plus
iPhone 7 Plus
iPhone 7 Plus
iPhone 6s Plus
iPhone 6 Plus
All other devices are #2x. (including the iPhone 11 and XR)
Link to apple developer docs (New iPhones are still missing in the official documentation)
Now there are different iPhone that uses #3x resolution images:
iPhone X
iPhone Xs
iPhone Xs Max
iPhone 8 Plus
iPhone 7 Plus
iPhone 6s Plus
iPhone 6 Plus
All other iPhone later iPhone 4s are uses #2x images.
I am creating my app for only iPhone 5, iPhone 6 and iPhone 6+.
I got some info as mentioned below:-
1- Normal device which terms to 1 pixel = 1 point #1x (Older iPhone and iPad devices)
2- Retina device which terms to 4 pixels(2 x 2) = 1 point #2x (iPhone 4+)
3- Retina iPhone6 and iPad which terms to 9 pixels (3 x 3) = 1 point #3x (iPhone6+)
Please clarify that is there any need to add #1x images in Images.xcassets?
For iPad 2 you need 1x resolution pics. So for that situation you need 1x images in your image assets but in case you are not officially supporting iPad and iPhones above 4 then you don't need those. But an iPhone only app runs on iPad too so you need to include the images in 1x resolution. In case you are supporting iOS 10 + only then in that case you don't need 1x images as iPad 2 does not support iOS 10.
I've a little confusion and facing a little problem regarding #2x images in iOS as according to Human Interface Guidelines HIG, the #2x For iPhone 6: 750 x 1334 (#2x) for portrait but same #2x for iPhone 4S has size of 640x1136.
HIG
When I placed #2x image named as MyTestImage#2x.png of size 750 x 1134, it was fine for iPhone 6 but not for iPhone 4S, but if I put MyTestImage#2x.png of size 640x1136 then its fine for iPhone 4S but not for iPhone 6.
I also placed 640x1136 as Retina 4 2x named as MyTestImage-568h#2x.png but its also not working for me.
Whats I'm conflicting? What should be the actual image sizes of #2x for iPhone 4S and iPhone 6 if I talk about a full screen image.
And also what should be the correct retina display image size.
EDIT 1:
My question is different as I want to know the difference between #2x and -568h#2x retina display regarding both screens. Also, any optimal solution for this which can avoid image redundancies.
I am making a game, with sprite-kit and swift. I understand you can use #3x #2x #1x etc. however in testing this on an iphone 5s and 6 they both load the #2x.
Is there a way to handle this better? am I missing something?
The iPhones 5s and 6 both use #2x. The only device to use #3x is the iPhone 6 Plus. Apple's docs.
I want to support a variety of devices from iPhone 4S to iPhone 6+. Previously, when adding supporting for iPhone 5, we followed the following steps.
Add the launch Default-568h#2x.png
Use the same #2x images (640x960) which are resized automatically for iPhone 5.
Now, iPhone 6 and 6+ are introduced with varying sizes and it is written on most blogs that we will use #2x for iPhone 6 and #3x identifier for iPhone 6+. It is also written that:
iPhone 6+ (#3x) images will have resolution of 1242x2208 (I am using portrait mode), and it is automatically downsized.
iPhone 6 will use #2x images.However,I am not sure what the size of these images should be. Should they be 640x960 or 640x1136 or 750 x 1334. In case of using the first two sizes, won't the images be distorted?
I think what you are after is detailed in the HIG under "Icon and Image Sizes"
https://developer.apple.com/library/ios/documentation/userexperience/conceptual/MobileHIG/IconMatrix.html#//apple_ref/doc/uid/TP40006556-CH27-SW1