Ios Icons And Splash Screens

Some time ago I answered a question onStackOverFlow about the sizes and names of splash screens for iOS devices. Since then it regularly gets an up vote, I suspect from people looking for a good summary. However it is quite out of data as I’ve never gone back to visit it. So because of it’s popularity, I’ve decided to do and update and to copy the information here as well. So here goes (please let me know if there is missing or incorrect data here).

iOS versions and finding icons

Common Icons

iOS 3.1.3 Filename Dimensions
(Retina)
Notes
Icon-Small(@2x).png 29 × 29
(58 × 58)
Settings/search icon.
iTunesArtwork(@2x) 512 × 512
(1024 × 1024)
Used for apps which being installed via adhoc distribution. The file must be a PNG file, but without a file extension.

iPhone Icons

iOS 3.1.3 Filename Dimensions
(Retina)
Notes
Icon(@2x).png 57 × 57
(114 × 114)
Apps icon. Required.

iPad Icons

iOS 3.1.3 Filename Dimensions
(Retina)
Notes
Icon-72(@2x).png 72 × 72
(144 × 144)
Apps icon. Required.
Icon-Small-50(@2x).png 50 × 50
(100 × 100)
Search results icon.

Launch images

Just like icons, launch images are searched for based on the base name of the files and you don’t specify the @2x or .png file extension. There are two choices for how you name your launch images (splash screens):

Note for Universal apps: there are two other Info.plist keys that can be used – (Launch Image (iPhone)) UILaunchImageFile~iphone and (Launch Image (iPad)) UILaunchImageFile~ipad. These are useful because they allow you to use separate naming of iPhone and iPad launch images stored in the same app.

iPhone Splash Screens

Note: iPhones do not support a landscape splash screen.
Physical screen sizes: 320 × 480 (640 × 960)

iOS 3.1.3 Filename Dimensions
(Retina)
Notes
Default(@2x).png 320 × 480
(640 × 960)
Default launch image.

iPad Splash Screens

With iPads, the filename which is more specific will always be used first. For example, Default-LandscapeLeft.png will always be picked before Default-Landscape.png. So the files are listed below in the order that iOS will pick them.

Note also that with launch images that are for universal apps where you are using the same file names for both iPhone and iPad, you can add a device specific modifier (~iphone or ~ipad) to the end of the file name to separate them. For example, here is a launch image file name for a landscape Retina iPad for a universal app: MyLaunchImage-LandscapeLeft@2x~ipad.png

Physical screen sizes: 768 × 1024 (1536 × 2048)

iOS 3.1.3 Filename Dimensions Notes
Default-PortraitUpsideDown(@2x).png 768 × 1024
(1536 × 2048)
Default-Portrait(@2x).png 768 × 1024
(1536 × 2048)
Default-LandscapeLeft(@2x).png 1024 × 768
(2048 × 1536)
Default-LandscapeRight(@2x).png 1024 × 768
(2048 × 1536)
Default-Landscape(@2x).png 1024 × 768
(2048 × 1536)
Default(@2x).png 768 × 1024
(1536 × 2048)
Try to use more specific ones above.

Schema launch images

Finally you can also provide launch images for when you app is launched as a result of a custom URL schema. These launch images are the same as those above, however they also include the scheme as part of the file name. For example, if you app has registered as responding to the scheme myurlscheme:, then using the example above, the launch image would be called: MyLaunchImage-myurlschemeLandscapeLeft@2x~ipad.png

blog comments powered by Disqus