I am using a storyboard as launch screen.
It has a full size UIImageView for artwork and a language dependent UILabel rendered over it.
I do have .png files for all possible iPhone screen sizes (iPad not necessary).
The artwork contains a circle that looks distorted when I use the same image for iPhone 4s and iPhone 5.
Approach 1
In the LaunchScreen.storyboard, I add an UIImageView for all iPhones and use an imageSet, that is defined in Assets.xcassets.
When I do this, the image#2x of the image set is used for iPhone 4s and for iPhone 5 5s. One of both looks bad, because iPhone 4s and 5 have different heights.
I am not aware that I can use size classes in the storyboard to distinguish between iPhone 4s and iPhone 5. Or can I?
Approach 2
create a launch image set in Assets.xcassets, which can hold all necessary image sizes.
I can't select this launch image set in the UIImageView as image.
Question
In a full size UIImageView in a LaunchScreen.storyboard: how do I display different pngs for
iPhone 4 + 4s 640 x 960 pixels
iPhone 5 + 5s 640 x 1136 pixels
iPhone 6 + 6s 750 x 1334 pixels
iPhone 6 plus + 6s plus 1242 x 2208 pixels (portrait and landscape)
The main problem appears to distinguish between 4 + 4s and 5 + 5s.
a circle that looks distorted when I use the same image for iPhone 4s and iPhone 5.
The problem is with the content mode of the image view. Use a content mode that does not stretch the image out of its aspect ratio.
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)
I'm working on an update to bring my iPhone app to iPad. (to make it a universal app)
Currently I have the following launch images:
Default.png - 320 x 480 px
Default#2x.png - 640 x 960 px
Default-568h#2x.png - 640 x 1136 px
Default-667h#2x.png - 750 x 1334 px
Default-736h#3x.png - 1242 x 2208 px
Do I need to add separate launch images for the iPad?
The app should support all devices with iOS 8 and is currently portrait mode only.
Yes, you need add separate launch images for the iPad.
As you support only portrait mode you need add only two images:
1. Default~ipad.png 1024x768 px
2. Default#2x~ipad.png 2048x1536 px
Also you can use alternative way for launch images: LaunchScreen.xib (Xcode -> File -> New -> File... -> User Interface -> LaunchScreen).
It's suitable way when your launch screen can be built in interface builder. It will allow avoid storing multiple launch images in the project, so it makes your app thinner.
I have tested iPhone 6 and seems when I have set 1x 2x Retina4 2x and 3x images the iPhone 6 uses 2x image that is 640 x 960 px image.
How can I set image for iPhone 6 which needs 750×1334 px?
1x image = 640 x 960 pixel image
2x image = 750 x 1334 pixel image
3x image = 1242 x 2208 pixel image
I think the solution is updating your 2x image to 750x1334 px, because iPhone 6 will use the 2x image.
From iOS Human Interface Guidelines
https://developer.apple.com/library/ios/documentation/UserExperience/Conceptual/MobileHIG/Iconography.html#//apple_ref/doc/uid/TP40006556-CH59-SW1
Support the Retina display. Make sure that you supply high resolution assets for all artwork and graphics in your app. In particular, supply #3x assets for iPhone 6 Plus and #2x assets for all other high-resolution iOS devices.
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..