iOS 靜態載入畫面和圖示大小

每次要製作iOS 靜態載入畫面和圖示大小都得Google一番,在Slackoverflow遊一下花園才找到要找的東西……

還是乖乖的一post過寫下來,免煩。

   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

另外,App Icon也可以在網上的工具,甚至是用Shell script從大圖 (至少1024 x 1024) 轉存出來:

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"