15

I followed the guidelines on making the static launch screen images.

enter image description here

Yet, then I added the images to the xcassets as LaunchImage

However, they did not fill in the asset as expected. There are warnings warn about I need to have screen sizes such as 2208x1242, etc. Where I can have all the sizes needed for an App?

enter image description here

Also, why there is no iPad Pro launch images? How can I add it? Thanks.

rmaddy
  • 314,917
  • 42
  • 532
  • 579
user6539552
  • 1,331
  • 2
  • 19
  • 39

5 Answers5

29

If you drag an image into the launch image asset catalog, it will warn you that it's not the right dimensions, and will tell you what the dimensions should be. From that you can conclude:

iPhone Portrait iOS 5,6@1x: 320x480
iPhone Portrait iOS 5,6@2x: 640x960
iPhone Portrait iOS 5,6@Retina 4: 640x1136

iPad Portrait Without Status Bar iOS 5,6@1x: 768x1004
iPad Portrait Without Status Bar iOS 5,6@2x: 1536x2008

iPad Portrait iOS 5,6@1x: 768x1024
iPad Portrait iOS 5,6@2x: 1536x2048

iPad Landscape Without Status Bar iOS 5,6@1x: 1024x748
iPad Landscape Without Status Bar iOS 5,6@2x: 2048x1496

iPad Landscape iOS 5,6@1x: 1024x768
iPad Landscape iOS 5,6@2x: 2048x1536

iPhone Portrait iOS 8,9@Retina HD 5.5: 1242x2208
iPhone Portrait iOS 8,9@Retina HD 4.7: 750x1334

iPhone Landscape iOS 8,9@Retina HD 5.5: 2208x1242

12.9-inch iPad Pro Portrait: 2048x2732
12.9-inch iPad Pro Landscape: 2732x2048

iPhone Portrait iOS 7-9@2x: 640x960
iPhone Portrait iOS 7-9@Retina 4: 640x1136

iPad Portrait iOS 7-9@1x: 768x1024
iPad Portrait iOS 7-9@2x: 1536x2048

iPad Landscape iOS 7-9@1x: 1024x768
iPad Landscape iOS 7-9@2x: 2048x1536

iPhone X Portrait iOS 11+: 1125×2436
iPhone X Landscape iOS 11+: 2436x1125

Note, it wouldn't give me the dimensions for the 12" iPad, so I got that from the iOS Human Interface Guidelines - Launch Screen which you included in your question.

Alex Salom
  • 3,074
  • 4
  • 22
  • 33
Rob
  • 415,655
  • 72
  • 787
  • 1,044
  • Thanks for this...not only a great resource for the image sizes, but a 'Teach a man to fish...' answer as well! – kwishnu Aug 01 '17 at 17:57
8

Updated image with asset dimensions annotated :

LaunchImage asset dimensions

Arunabh Das
  • 13,212
  • 21
  • 86
  • 109
5

To anyone reading this and is giving up hope on adding old style Launch Images for iPad Pro 10.5 inch, 11 inch and 12.9 inch, you can add them without using the Storyboard or Launch Screen thing in XCode.

The way we did it was by editing the .plist of our app:

<key>UILaunchImages</key>
<array>
    <dict>
        <key>UILaunchImageMinimumOSVersion</key>
        <string>7.0</string>
        <key>UILaunchImageName</key>
        <string>Default-Portrait</string> //iPad Pro 10.5"
        <key>UILaunchImageOrientation</key>
        <string>Portrait</string>
        <key>UILaunchImageSize</key>
        <string>{768, 1024}</string>
    </dict>
    <dict> 
        <key>UILaunchImageMinimumOSVersion</key>
        <string>12.0</string>
        <key>UILaunchImageName</key>
        <string>Default-Portrait-1194h</string> //iPad Pro 11"
        <key>UILaunchImageOrientation</key>
        <string>Portrait</string>
        <key>UILaunchImageSize</key>
        <string>{834, 1194}</string>
    </dict>
    <dict>
        <key>UILaunchImageMinimumOSVersion</key>
        <string>9.0</string>
        <key>UILaunchImageName</key>
        <string>Default-Portrait-iPadPro</string>//iPad Pro 12"
        <key>UILaunchImageOrientation</key>
        <string>Portrait</string>
        <key>UILaunchImageSize</key>
        <string>{1024, 1366}</string>
    </dict>
</array>

(Be sure to remove the //iPad Pro comments obviously!)

And here are the filenames:

iPad Pro 10.5": Default-Portrait@2x~ipad

iPad Pro 11": Default-Portrait-1194h@2x.png

iPad Pro 12": Default-Portrait-iPadPro@2x~ipad

Tested on all 3 of those devices and it works.

Hope this helps someone!

Quistard
  • 51
  • 1
  • 1
1

In Assets.xcassets click + button -> App Icons & Launch Images -> New iOS Launch Image

enter image description here

Rob
  • 2,649
  • 3
  • 27
  • 34
  • Ugh, I'm blind. Xcode 7 didn't support it and I even tried it in Xcode 8 before seeing your answer and didn't notice the iPad Pro entry right there in the middle. – rmaddy Oct 06 '16 at 15:56
  • Yes, I can get this, but I found that I do no know the exact size of 1x iOS7-9 iPad Landscape, I do not know exactly the dimension of the images to be filled in these boxes... Any one can help? – user6539552 Oct 06 '16 at 16:03
  • 14
    I am not seeing a placeholder for iPad Pro 12.9 when I follow above steps. Xcode 8.3.2. Anything I am missing? – Harshad Kale May 18 '17 at 21:55
1

Launch Screens should probably be taken care of by Storyboards rather than static images. However the Launch Screens aren't included in your Main.storyboard file. That way, Xcode will resize everything as expected with Auto Layout and you don't have to fill your app with tons of image files. So it'll work with the iPad Pro sizes 9.7" 2048 x 1536px and 12.9", 2732 x 2048px.

In Xcode, go to File > New File > Launch Screen (Under the User Interface header) > then all the usual location and target adding bits.

Creating a new Launch Image file

Edit it like you would in Interface Builder. As far as I'm aware, you can't assign a Class to it so don't expect any animations.

Xcode showing the Launch Screen in Interface Builder

  • So that means I cannot use Launch Image any more starting from now? In the past, I just include Launch Image in my app and everything was fine... – user6539552 Oct 06 '16 at 16:02
  • You can still use Launch Images if you'd prefer! Apple added these Launch Screens as an alternative if you wanted to use Auto Layout over generating static content. – ErrorCode3000 Oct 06 '16 at 16:05