iOS8 icons sizes and names for icons and launch image

ⅰ亾dé卋堺 提交于 2019-12-02 16:57:06

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:

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

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
Matthias Sala

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

  • Default.png (iPhone)
  • Default@2x.png (iPhone Retina 3.5 inch)
  • Default@3x.png (iPhone 6 Plus landscape)
  • Default-568h@2x.png (iPhone Retina 4 inch)
  • Default-667h@2x.png (iPhone 6 portrait)
  • Default-736h@3x.png (iPhone 6 Plus portrait)
  • Default-Portrait.png (iPad in portrait orientation)
  • Default-Portrait@2x.png (iPad Retina in portrait orientation)
  • Default-Portrait@3x.png (iPhone 6 Plus portrait orientation)
  • Default-Landscape.png (iPad in landscape orientation)
  • Default-Landscape@2x.png (iPad Retina in landscape orientation)

Also check stackoverflow's thread here: https://stackoverflow.com/a/27108377/4288147

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 "iTunesArtwork@2x.png"
sips --resampleWidth 512 "${FILE}" --out "iTunesArtwork.png"
# iPhone iOS 7, 8
sips --resampleWidth 58 "${FILE}" --out "icon-iphone-29@2x.png"
sips --resampleWidth 87 "${FILE}" --out "icon-iphone-29@3x.png"
sips --resampleWidth 80 "${FILE}" --out "icon-iphone-40@2x.png"
sips --resampleWidth 120 "${FILE}" --out "icon-iphone-40@3x.png"
sips --resampleWidth 120 "${FILE}" --out "icon-iphone-60@2x.png"
sips --resampleWidth 180 "${FILE}" --out "icon-iphone-60@3x.png"
# iPad iOS 7, 8
sips --resampleWidth 29 "${FILE}" --out "icon-ipad-29.png"
sips --resampleWidth 58 "${FILE}" --out "icon-ipad-29@2x.png"
sips --resampleWidth 40 "${FILE}" --out "icon-ipad-40.png"
sips --resampleWidth 80 "${FILE}" --out "icon-ipad-40@2x.png"
sips --resampleWidth 76 "${FILE}" --out "icon-ipad-76.png"
sips --resampleWidth 152 "${FILE}" --out "icon-ipad-76@2x.png"
# Apple Watch
sips --resampleWidth 48 "${FILE}" --out "icon-watch-24@2x.png"
sips --resampleWidth 55 "${FILE}" --out "icon-watch-27p5@2x.png"
sips --resampleWidth 58 "${FILE}" --out "icon-watch-29@2x.png"
sips --resampleWidth 87 "${FILE}" --out "icon-watch-29@3x.png"
sips --resampleWidth 80 "${FILE}" --out "icon-watch-40@2x.png"
sips --resampleWidth 88 "${FILE}" --out "icon-watch-44@2x.png"
sips --resampleWidth 172 "${FILE}" --out "icon-watch-86@2x.png"
sips --resampleWidth 196 "${FILE}" --out "icon-watch-98@2x.png"
易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!