iOS8 icons sizes and names for icons and launch image

Asked 25/9, 2014 at 2:17 Answered 17/7, 2015 at 21:21

I am not finding a straight forward site with the iOS8 sizes and names for the app icons and launch image.

I have seen the iOS Human Interface Guidelines but they don't really tell you how to name them.

Can someone list them out specifically?

Institutive answered 25/9, 2014 at 2:17 Comment(3)

You don't need any specific names. Use the asset catalog for the icons and launch images. Then you simply drag and drop the right sized images into their spot. Easy. – Hooky 25/9, 2014 at 2:53

In the iOS HIG the documentation is confusing: “If you’re using static launch images, you can give each image a name that specifies how it should be used. The format of the launch image filename includes modifiers you use to specify the device, resolution, and orientation of the image. To learn how to name launch images appropriately, see App Launch (Default) Images in App Programming Guide for iOS. (Embedded links too long for comment) – Stonewort 19/2, 2015 at 21:54

check out this tutorial: raywenderlich.com/89816/… – Hamamatsu 14/4, 2015 at 22:26

As rmaddy mentioned since Xcode 5 you don't need to name your icons in any specific way. Use the App Icon Asset to add your icons.

Regarding the sizes for your icons, you'll also find them in your App Icon Asset Catalog, but for convenience here's a screenshot: enter image description here

I also highly recommend using this icon template to create your icon because one: it provide an awesome psd file ready to edit and second: it provides actions to easily save every icon you need! Here it is: http://appicontemplate.com

Parasite answered 25/9, 2014 at 10:40 Comment(1)

And you can open the right panel in Xcode to see the expected size of each image. – Physiologist 30/3, 2015 at 17:38

Autogenerate all necessary icon and launch image files (iOS 7 and above) with the following scripts:

http://github.com/spren9er/s9icongen

http://github.com/spren9er/s9splashgen

When the script is executed all sizes and names will be displayed in the console, e.g. for launch images

   320x480(2x) ->   640x960: Default@2x~iphone.png
   320x568(2x) ->  640x1136: Default-568h@2x~iphone.png
   375x667(2x) ->  750x1334: Default-667h@2x~iphone.png
   414x736(3x) -> 1242x2208: Default-736h@3x~iphone.png
  768x1024(1x) ->  768x1024: Default-Portrait~ipad.png
  1024x768(1x) ->  1024x768: Default-Landscape~ipad.png
  768x1024(2x) -> 1536x2048: Default-Portrait@2x~ipad.png
  1024x768(2x) -> 2048x1536: Default-Landscape@2x~ipad.png

Remains answered 25/9, 2014 at 9:42 Comment(4)

And iPhone 6 Plus Landscape? – Uralaltaic 6/12, 2014 at 21:56

@Altaveron: Is there a landscape launch image for iPhone? I don't think so. – Basilio 12/12, 2014 at 14:22

Yes, it is. For iPhone 6 Plus. – Uralaltaic 12/12, 2014 at 20:8

I tried this, and it didn't work: #43199731 Any idea why? Thanks. – Charcot 4/4, 2017 at 5:56

This here is handy if you would like to know what the different files are good for:

Default.png (iPhone)
[email protected] (iPhone Retina 3.5 inch)
[email protected] (iPhone 6 Plus landscape)
[email protected] (iPhone Retina 4 inch)
[email protected] (iPhone 6 portrait)
[email protected] (iPhone 6 Plus portrait)
Default-Portrait.png (iPad in portrait orientation)
[email protected] (iPad Retina in portrait orientation)
[email protected] (iPhone 6 Plus portrait orientation)
Default-Landscape.png (iPad in landscape orientation)
[email protected] (iPad Retina in landscape orientation)

Also check stackoverflow's thread here: https://mcmap.net/q/523126/-how-to-correctly-name-all-those-launch-images-for-an-universal-app

Manhattan answered 24/11, 2014 at 15:37 Comment(2)

It's incorrect: [email protected] (iPhone 6 Plus landscape). – Uralaltaic 6/12, 2014 at 21:56

I tried this, and it didn't work: #43199731 Any idea why? Thanks. – Charcot 4/4, 2017 at 5:55

As rmaddy mentioned since Xcode 5 you don't need to name your icons in any specific way. Use the App Icon Asset to add your icons.

Regarding the sizes for your icons, you'll also find them in your App Icon Asset Catalog, but for convenience here's a screenshot: enter image description here

Parasite answered 25/9, 2014 at 10:40 Comment(1)

And you can open the right panel in Xcode to see the expected size of each image. – Physiologist 30/3, 2015 at 17:38

You can use any name for icons as there is no requirement for any specific name. To get icons with proper sizes you can use following shell script to generate them without any additional tools:

FILE="largeicon.png"
# iTunes Artwork
sips --resampleWidth 1024 "${FILE}" --out "[email protected]"
sips --resampleWidth 512 "${FILE}" --out "iTunesArtwork.png"
# iPhone iOS 7, 8
sips --resampleWidth 58 "${FILE}" --out "[email protected]"
sips --resampleWidth 87 "${FILE}" --out "[email protected]"
sips --resampleWidth 80 "${FILE}" --out "[email protected]"
sips --resampleWidth 120 "${FILE}" --out "[email protected]"
sips --resampleWidth 120 "${FILE}" --out "[email protected]"
sips --resampleWidth 180 "${FILE}" --out "[email protected]"
# iPad iOS 7, 8
sips --resampleWidth 29 "${FILE}" --out "icon-ipad-29.png"
sips --resampleWidth 58 "${FILE}" --out "[email protected]"
sips --resampleWidth 40 "${FILE}" --out "icon-ipad-40.png"
sips --resampleWidth 80 "${FILE}" --out "[email protected]"
sips --resampleWidth 76 "${FILE}" --out "icon-ipad-76.png"
sips --resampleWidth 152 "${FILE}" --out "[email protected]"
# Apple Watch
sips --resampleWidth 48 "${FILE}" --out "[email protected]"
sips --resampleWidth 55 "${FILE}" --out "[email protected]"
sips --resampleWidth 58 "${FILE}" --out "[email protected]"
sips --resampleWidth 87 "${FILE}" --out "[email protected]"
sips --resampleWidth 80 "${FILE}" --out "[email protected]"
sips --resampleWidth 88 "${FILE}" --out "[email protected]"
sips --resampleWidth 172 "${FILE}" --out "[email protected]"
sips --resampleWidth 196 "${FILE}" --out "[email protected]"

Chanticleer answered 17/7, 2015 at 21:21 Comment(0)

Recommended topics

Hot tags