What are the mandatory screenshot for an iOS app? - ios

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

Related

What Simulator devices are currently needed to make screenshots for Apple App Store?

I ask this question as instead of getting to this information quickly I had to search for it in a more complicated manner.
So, what Simulator devices are needed to make screenshots for all resolutions that are now required to publish or update an application in the App Store?
I believe this can be helpful to a lot of developers as the error message while uploading images is not very helpful.
As of Feb 2023:
For iPhone 6.7" Display, use iPhone 14 Pro Max
For iPhone 6.5" Display, use iPhone 13 Pro Max
For iPhone 5.5" Display, use iPhone 8 Plus
For iPad Pro (3rd Gen) 12.9" Display, use iPad Pro (12.9-inch)
For iPad Pro (2nd Gen) 12.9" Display, use iPad Pro (12.9-inch)
(So, for the iPads, you only need one device.)
Here's how it looks like in practice.
Have fun!
So now in 2019 you need to supply images for 4 devices, for iPhone 6.5 screen you need iPhone XS max simulator and
for iPhone 5.5 you need a iPhone 8 Plus simulator.
Then you need also iPad Pro second as well as third generation but that is quite obvious.
iPhone app
iPhone 6.5-inch (iPhone XS Max / XR): 1242 x 2688 px or 2688 x 1242 px
iPhone 5.5-inch (iPhone 6/6s/7/8 Plus): 1242 x 2208 px or 2208 x 1242 px
iPad app
iPad 12.9-inch (iPad Pro 3rd Gen.): 2048 x 2732 px or 2732 x 2048 px
iPad 12.9-inch (iPad Pro 2nd Gen.): 2048 x 2732 px or 2732 x 2048 px
I was able to upload the 2nd Gen. "old" screenshots to the newer 3rd Gen. screenshots and they go consistently through review, without any issues.
Universal app
iPhone 6.5-inch (iPhone XS Max / XR): 1242 x 2688 px or 2688 x 1242 px
iPhone 5.5-inch (iPhone 6/6s/7/8 Plus): 1242 x 2208 px or 2208 x 1242 px
iPad 12.9-inch (iPad Pro 3rd Gen.): 2048 x 2732 px or 2732 x 2048 px
iPad 12.9-inch (iPad Pro 2nd Gen.): 2048 x 2732 px or 2732 x 2048 px
OCT 2022 (Xcode 14) - Devices/Simulators for required screenshot sizes
iPhone 6.5-inch: iPhone 11 Pro Max
iPhone 5.5-inch: iPhone 8 Plus
iPad 12.9-inch: iPad Pro 3rd Gen
iPad 12.9-inch: iPad Pro 2nd Gen
Pro Tip: If you don't see those devices, you can add them:
https://i.stack.imgur.com/Fs4JI.png
Apple Reference https://help.apple.com/app-store-connect/#/devd274dd925
Use iPad Pro (12.9-inch) (4th generation) for the iPad screenshots. Should work for both

What devices uses #1x, #2x and #3x?

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.

IOS launch images - driving me crazy [closed]

Closed. This question does not meet Stack Overflow guidelines. It is not currently accepting answers.
We don’t allow questions seeking recommendations for books, tools, software libraries, and more. You can edit the question so it can be answered with facts and citations.
Closed 4 years ago.
Improve this question
Apple does not provide a clear list for image file size I should use for:
retina hd 5.5 portrait ios 8,9
retinia hd 5.5 portrait ios 8,9
retinia hd 5.5 landscape ios 8,9
iphone portrait ios 2x 7-9
iphone portrait ios retina 4 7-9
ipad portrait ios 1x 7-9
ipad portrait ios 2x 7-9
ipad landscape ios 1x 7-9
ipad landscape ios 2x 7-9
etc.
As I intend to use swift I can only suppose ios7+ that means I can ignore all he other sizes for ios5+6. Is that correct?
(One could also go LaunchScreen.storyboard solution, but that has higher iOS requirements so for now it seems better to include launch images.)
How to solve the issue of creating all launch images in correct dimensions?
Note to those who put this question on hold:
I originally asked if anyone knew of a list with specifications. Apparently that was why you closed the answer 3 years later after I posted it. But in essence this question is and was a programming question regarding Apple API specifications with precise answers possible. It is not a question seeking opinion based answers.
For anyone finding this now i've created a list to simply explain what each of Apple's somewhat confusing names actually mean.
iPhone Portrait iOS 8,9
Retina HD 5.5 (iPhone 6 Plus) - 1242px x 2208px - Default-736h#3x.png
Retina HD 4.7 (iPhone 6) - 750px x 1334px - Default-667h#2x.png
iPhone Landscape iOS 8,9
Retina HD 5.5 (iPhone 6 Plus) - 2208px x 1242px - Default-Landscape-736h#3x.png
iPhone Portrait iOS 7-9
2x (iPhone 4) - 640px x 960px - Default#2x.png
Retina 4 (iPhone 5) - 640px x 1136px - Default-568h#2x.png
iPhone Portrait iOS 5,6
1x (iPhone 3) - 320px x 480px - Default.png
2x (iPhone 4) - 640px x 960px - Default#2x.png
Retina 4 (iPhone 5) - 640px x 1136px - Default-568h#2x.png
New Dimensions table for Xcode Version 9.0
iPhone X Portrait iOS 11+
iPhone X : 1125x2436px
iPhone X Landscape iOS 11+
iPhone X : 2436x1125px
iPhone Portrait iOS 8.9
Retina HD 5.5 : 1242x2208px
Retina HD 4.7 : 750x1334px
iPhone Landscape iOS 8.9
Retina HD 5.5 : 2208x1242px
iPhone Portrait 7-9
2x : 640x960px
Retina 4 : 640x1136px
iPad Portrait 7-9
1x ; 768x1024px
2x : 1536x2048px
iPad Landscape iOS 7-9
1x : 1024x768px
2x : 2048x1536px
iPhone Portrait 5,6
1x : 320x480px
2x : 640x960
Retina 4 : 640x1136px
iPad Portrait Without Status Bar iOS 5,6
1x : 768x1004px
2x : 1536x2008px
iPad Portrait 5,6
1x : 768x1024px
2x : 1536x2048px
iPad Landscape Without Status Bar iOS 5,6
1x : 1024x748px
2x : 2048x1496px
iPad Landscape 5,6
1x : 1024x768px
2x : 2048x1536px
Although not pretty I use this quick way
1. Create a new LaunchImage and drop any file onto each box
2. Build it , it will fail or have some warnings
3. Click on the "Show Report navigator" and you'll see the sizes/names for each
4. On your image editor resize the image to the proper sizes/names and overwrite to
the respective file as reported in 3. each file is on
<proj dir>/Assets.xcassets/LaunchImage.launchImage
Do the same for icons and don't look back
I use a LaunchImage set. Click Images.xcassets from the files list. In the next column to the right, you may need to use the "+" button to add AppIcon and LaunchImages image sets. These will have slots for every supported (expected) screen size. If you use these sets, you don't have to worry about encrypting your image files with Apple's indecipherable naming scheme, you just drag each image file to the corresponding slot in the set.
Of course, one still has to know the actual dimensions associated with 1x, 2x, retina4, Retina 4.7, Retina 5.5, etc. I'd certainly prefer Xcode to just show the required dimensions of each image, but it doesn't. Barring that, I'd love a single table from Apple listing all the expected dimensions, but that doesn't seem to exist, either. It looks like Apple has, thankfully, consolidated all of this information in the https://developer.apple.com/ios/human-interface-guidelines/graphics/launch-screen/ under the "Graphics" section. Specifically, as of this writing for devices supported on IOS10:
Device Portrait size Landscape size
iPhone 6s Plus, iPhone 6 Plus 1080px by 1920px 1920px by 1080px
iPhone 6s, iPhone 6 750px by 1334px 1334px by 750px
iPhone SE 640px by 1136px 1136px by 640px
12.9-inch iPad Pro 2048px by 2732px 2732px by 2048px
9.7-inch iPad Pro, iPad Air 2,
iPad mini 4, iPad mini 2 1536px by 2048px 2048px by 1536px
As with the other answers I use an Asset Catalog and simply drop files into the LaunchImage slots in the Asset Catalog in Xcode. Then I find my app in the Products Group of the Xcode Navigator (tall pane on the left) and Show in Finder. Any copy of your app package will do. Then I Show Package Contents on my app and all the LaunchImage*.png files are there. I just added a portrait launch image for the iPhone X. To see the names and sizes of the immages I navigated to the package in Terminal and ran the file command on the LaunchImage*.png files.
% file LaunchImage*.png
LaunchImage-1100-2436h#3x.png: PNG image data, 1125 x 2436, 8-bit/color RGB, non-interlaced
LaunchImage-700-568h#2x.png: PNG image data, 640 x 1136, 8-bit/color RGB, non-interlaced
LaunchImage-700-Landscape#2x~ipad.png: PNG image data, 2048 x 1536, 8-bit/color RGB, non-interlaced
LaunchImage-700-Landscape~ipad.png: PNG image data, 1024 x 768, 8-bit/color RGB, non-interlaced
LaunchImage-700-Portrait#2x~ipad.png: PNG image data, 1536 x 2048, 8-bit/color RGB, non-interlaced
LaunchImage-700-Portrait~ipad.png: PNG image data, 768 x 1024, 8-bit/color RGB, non-interlaced
LaunchImage-700#2x.png: PNG image data, 640 x 960, 8-bit/color RGB, non-interlaced
LaunchImage-800-667h#2x.png: PNG image data, 750 x 1334, 8-bit/color RGB, non-interlaced
LaunchImage-800-Portrait-736h#3x.png: PNG image data, 1242 x 2208, 8-bit/color RGB, non-interlaced
I was dealing with a similar issue to adapt to new iPhone X new screen size and came across this link
It helped me, maybe it will help someone else
It's so confusing. Can anyone align the sizes along with the names. Is there a link.
So far I have only this from the other list that seems at all helpful.
The dimensions themselves are helpful only 1/2 way. We need to be able to associate it to the referencing png.
Here's what I have so far, but it's far from complete. Is there a complete list:
iPhone Portrait iOS 8,9
Retina HD 5.5 (iPhone 6 Plus) - 1242px x 2208px - Default-736h#3x.png
Retina HD 4.7 (iPhone 6) - 750px x 1334px - Default-667h#2x.png
iPhone Landscape iOS 8,9
Retina HD 5.5 (iPhone 6 Plus) - 2208px x 1242px - Default-Landscape-736h#3x.png
iPhone Portrait iOS 7-9
2x (iPhone 4) - 640px x 960px - Default#2x.png
Retina 4 (iPhone 5) - 640px x 1136px - Default-568h#2x.png
iPhone Portrait iOS 5,6
1x (iPhone 3) - 320px x 480px - Default.png
2x (iPhone 4) - 640px x 960px - Default#2x.png
Retina 4 (iPhone 5) - 640px x 1136px - Default-568h#2x.png
Launch image for the iPhone Portrait Mode
iPhone X Portrait iOS 11+ (image size 1125 × 2436 pixels)
Retina HD 5.5″ (image size 1242 × 2208 pixels)
Retina HD 4.7″ (image size 750 × 1334 pixels)
iPhone Portrait 2x (image size 640 × 960 pixels)
iPhone Retina 4 (image size 640 × 1136 pixels)
For background images you will need 4 sizes to support the above devices in portrait orientation. They can be stored in whatever folder in your project that you are keeping standard images in. The sizes needed are as follows…
• 640 x 960 (iPhone 4s)
• 640 x 1136 (iPhone 5s)
• 750 x 1334 (iPhone 6)
• 1242 x 2208 (iPhone 6 Plus)
• 1125 × 2436 (iPhone X)

The keyboard in my iOS app is too tall on the iPhone 6. How can I adjust the resolution of the keyboard in XCode?

Currently I am adjusting my already existing iOS App to iOS 8 and the iPhone 6. Currently the keyboard on the iPhone 6 seems pretty tall (like the WhatsApp app before the iPhone 6 Support Update). Can somebody tell me what I have to do, to fix this in my code?
It's not a coding issue. Your app is being rendered for the smaller screen sizes and then scaled up to fit the new larger screens (including the keyboard). You need to include launch images in the native resolutions for the iPhone 6 and 6 plus if you want it to render properly, but you will likely need to be using auto-layout if you want everything to grow to fit the new screen sizes and take advantage of the extra space.
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
or you can go through this link it may help you
http://matthewpalmer.net/blog/2014/09/10/iphone-6-plus-launch-image-adaptive-mode/

Image Sizes for Supporting iPhone 4S,5,5C/S,6 and 6+

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

Resources