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)
Related
I am doing a background image for iPhone.
On iPhone 8 plus, the resolution is 1242 x 2208 in pixel.
On iPhone X, the reslution is 1125 x 2436 in pixel.
Both of them require for #3x in iPhone App development.
My question : which reeslution shall I make for #3x ?
I am developing an app in 12.9 iPad Pro. In this app, I need to set the background images. So I need to know what are the dimensions to set on the background in 12.9 iPad pro phone. How to set the #1x,#2x,#3x and its resolutions?
1x will be 1366 x 1024 in portrait 2x will be 2732 x 2048 in portrait
1x will be 1024 x 1366 in landscape 2x will be 2048 x 2732 in landscape
For 12.9" iPad you need the images to be in the following resolutions.
iPad Pro (12.9 Inch)
#1x
Portrait 2048 x 2732
Landscape 2732 x 2048
#2x multiply the value by 2
#3x multiply the value by 3
Note*
Its not necessary to have the image at 2732 x 2048 resolution. You can also have larger images, But if you use this resolution images then it will look fine.
Also this resolution will be helpful while you deal with "Launch Image" for this device. For iPad 12.9 your launch image size should be 2048 x 2732
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
iPhone 4 and iPhone 6, when using image cassettes in a xib, use the same #2x image. Is it possible to use different images for each and not use scaled mode for windows 6/6+? I am trying to use a full screen image for each and the iPhone 6 image doesn't scale down correctly, and the iPhone 4 image doesn't scale up correctly.
For the launch image you can use the assets folder with the device specific launch images.
Here you can set the Retina HD 4.7 Launchscreen for the iPhone 6
1x = 320 x 480
2x = 640 x 960 - iPhone 4
Retina 4 = 640 x 1136 - iPhone 5
Retina HD 4.7 = 750 x 1334 - iPhone 6
Retina HD 5.5 = 1242 x 2208 - iPhone 6+
EDIT
Go to the General Settings Of your project and check your settings make sure you have selected the assets folder. Remove the Launch Screen File text.
I need to put in Launch images for a portrait iPhone app.
Can anyone inform what does every of the following terms mean in Asset Catalog:
Ratina HD 5.5 (I think it is: 1242 x 2208 launch image for iPhone 6+)
Ratina HD 4.7 (I think it is: 750 x 1334 launch image for iPhone 6)
2x (iPhone Portrait iOS 7, 8)
Ratina 4 (iPhone Portrait iOS 7, 8)
1x (iPhone Portrait iOS 5, 6)
2x (iPhone Portrait iOS 5, 6)
Ratina 4 (iPhone Portrait iOS 5, 6)
Where to put the 640 x 1136 launch image?
What is the difference between point 4 and 7?
An Image for your reference:
The 320x568 launch image is to be kept in iPhone Portrait 1x & 2x
There isn't much difference between pots 4 & 7.
Retina 4 (iPhone Portrait iOS 5, 6)
Retina 4 means your iPhone 5 splash screen of size 960x1136
Hope this helps..