iOS App表徵圖和LaunchImage啟動頁尺寸及命名規則

2015/11/12 星期四 下午 1:39

注意：iOS所有表徵圖的圓角效果由系統產生，給到的表徵圖本身不能是圓角的

App icon for the App Store (requiredfor all apps)  1024 x 1024

1. 案頭表徵圖 (app icon) for iPhone6 plus(@3x) : 180 x 180              命名 Icon-60@3x.png
for iPhone 6/5s/5/4s/4(@2x) : 120 x 120   命名  Icon-60@2x.png
2. 系統搜尋方塊表徵圖 (Spotlight search results icon) for iPhone6 plus(@3x) : 120 x 120              命名 Icon-Small-40@3x.png
for iPhone6/5s/5/4s/4(@2x) : 80 x 80         命名 Icon-Small-40@2x.png
3. 系統設定表徵圖 (Settings icon) for iPhone6 plus(@3x) : 87 x 87                   命名 Icon-Small@3x.png
for iPhone6/5s/5/4s/4(@2x) : 58 x 58         命名Icon-Small@2x.png
4. 啟動圖片 (launch image)

  普通螢幕（非Retina屏）：320 x 480     命名LaunchImage.png
for iPhoen5s/5(@2x) : 640 x 1136     命名LaunchImage-568h@2x.png

for iPhoen4s/4(@2x) : 640 x 960       命名LaunchImage@2x.png

iPhone6/iPhone6 plus 建議使用 launch file 或 storyboard ；如果依然想使用圖片，尺寸數值為：

for iPhone 6(@2x) : 750 x 1334           命名LaunchImage-800-667h@2x.png
for iPhone 6 plus (@3x) : 1242 x 2208  命名LaunchImage-800-Portrait-736h@3x.png
5. 另一種根據iOS系統的分類法

Spotlight

iOS 5,6

base: 29pt, 需要 @1x, @2x, @3x，得出：29 x 29, 58 x 58, 87 x 87

iOS 7,8

base: 40pt, 需要 @2x, @3x，得出：80 x 80, 120 x 120

iPhone App

iOS 5,6

base: 57pt，需要 @1x, @2x, 得出：57 x 57, 114 x 114

iOS 7,8

base: 60pt，需要 @2x, @3x，得出：120 x 120, 180 x 180

Settings

iOS 5,6,7,8

base: 29pt，需要 @1x,@2x,@3x，得出：29 x 29, 58x58, 87x87 6. 尺寸總結：

表徵圖尺寸輸出資料行表： 180x180 120x120 87x87 80x80 58x58 57x57 29x29

啟動圖片尺寸輸出資料行表： 640x960 640x1136 750x1334 1242x2208 7. 參考文獻

Icon and Image Sizes

Launch Images