Skip to content

Instantly share code, notes, and snippets.

@sudhanshu-15

sudhanshu-15/iOSLaunchImage.md

Last active July 14, 2017 18:51
Show Gist options
  • Save sudhanshu-15/c37f67b07818ab983f5135c5b5e9a81a to your computer and use it in GitHub Desktop.
Save sudhanshu-15/c37f67b07818ab983f5135c5b5e9a81a to your computer and use it in GitHub Desktop.
Download ZIP
iOS Launch Image Size and Name Mapped
Raw
iOSLaunchImage.md

iOS Launch Screen Image sizes and name

Working on iOS app development could be frustrating at times and I found that the documentation provided by Apple to tackle launch image size wasn't clear enough to implement the Launch Image. After looking through several resources online and reading through several stackoverflow answers, I still wasn't able to completely implement the Launch Image.

Finally after multiple unsuccessful attempts I was able to get it right and this is a summary of different XCode options mapped with the image resolutions:

(Note: The naming convention is something which I followed for my app)

  • iPhone Portrait iOS 5, 6

    • 1x -> 320 × 480 px -> splashscrn_ios
    • 2x -> 640 × 960 px -> splashscrn_ios@2x
    • Retina 4 -> 640 × 1136 px -> splashscrn_ios-568h@2x

  • iPad Portrait iOS 5, 6

    • 1x -> 768 × 1024 px -> splashscrn_ios-Portrait
    • 2x -> 1536 × 2048 px -> splashscrn_ios-Portrait@2x

  • iPad Landscape iOS 5, 6

    • 1x -> 1024 × 768 px -> splashscrn_ios-Landscape
    • 2x -> 2048 × 1536 px -> splashscrn_ios-Landscape@2x

  • iPhone Portrait iOS 8, 9

    • Retina HD 5.5" -> 1242 × 2048 px -> splashscrn_ios-736h@3x
    • Retina HD 4.7" -> 750 × 1334 px -> splashscrn_ios-667h@2x

  • iPhone Landscape iOS 8,9

    • Retina HD 5.5" -> 2048 × 1242 px -> splashscrn_ios-Landscape@3x

  • iPhone Portrait iOS 7-9

    • 2x -> 640 × 960 px -> splashscrn_ios@2x [Can play around with name]
    • Retina 4 -> 640 × 1136 px -> splashscrn_ios-568h@2x [Can play around with name]

  • iPad Portrait iOS 7-9

    • 1x -> 768 × 1024 px -> splashscrn_ios-Portrait
    • 2x -> 1536 × 2048 px -> splashscrn_ios-Portrait@2x

  • iPad Landscape iOS 7-9

    • 1x -> 1024 × 768 px -> splashscrn_ios-Landscape
    • 2x -> 2048 × 1536 px -> splashscrn_ios-Landscape@2x

References:

Useful link to generate launch images and app icons:

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment