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.
Related
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 cant' really find on Apple's documentation something that tells me what are the mandatory screens to upload.
With so many devices, resolutions, etc... I found everything confusing
Can you help?
From now (April 2019) you should add 6.5 inch (iPhone XS Max, iPhone XR):
1242 x 2688 pixels (portrait)
2688 x 1242 pixels (landscape)
Required if app runs on iPhone
UPDATE (2021):
On iPhone you should also add 5.5 inch (iPhone 8 Plus, iPhone 7 Plus, iPhone 6s Plus):
1242 x 2208 pixels (portrait)
2208 x 1242 pixels (landscape)
Required if app runs on iPhone
and (if runs on iPad) - 12.9 inch (iPad Pro (3rd generation)):
2048 x 2732 pixels (portrait)
2732 x 2048 pixels (landscape)
also.
https://help.apple.com/app-store-connect/#/devd274dd925
As of Feb 2020, for an iPhone app you need 2 sets:
6.5 inch (iPhone 11 etc)
5.5 inch (iPhone 8 etc)
The guideline gives more details eg. if you also support iPad.
Interestingly, I also discovered app reviewers can approve even if you don't have 5.5 inch screenshot.
From the link what tonik12 linked:
5.5-Inch Retina Display Screenshots. Add up to four screenshots. Smaller iPhone devices can use this set of screenshots.
So minimum seems to be one screenshot with 5.5 inch
If your app is the same across device sizes and localizations, you can use the highest resolution screenshot for each device type; this set will scale appropriately for other device sizes when viewed on the App Store in each localization available in iTunes Connect. For example, if your app supports only the iPhone, you can provide 5.5-inch display screenshots and you do not need separate screenshots for the 4.7-inch, 4.0-inch and 3.5-inch displays. If your app supports iPad, a 12.9-Inch Display screenshot is required.
if you want more information
please see this link
My question relates to creating a custom image asset for iPad Pro. It is my understanding that the correct image from an image asset set in Xcode is picked based on the type of device in the following way:
iPhone:
1x: iPhones older than iPhone 4
2x: iPhone 4/4s, 5/5s, 6/6s
3x: iPhone 6/6s Plus
iPad:
1x: non-retina iPads
2x: retina iPads (including iPad mini)
If this understanding is incorrect, please let me know. But if it is correct, how do I make a custom image set for iPad Pro? The images I made for the regular-size retina iPad would be too small to fit on the iPad Pro and there is no 3x option for an iPad image set.
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
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