ios app 上架時app icon要注意事項
按照apple ios app icon標準(App Icon Attributes):
All app icons should adhere to the following specifications. 所有app icon須符合下列:
-Shape Square with no rounded corners
不可以有圓角,之後apple會統一用圓角特效上去.
-Resolution:
-iPhone X, iPhone 8 Plus, iPhone 7 Plus, and iPhone 6s Plus @3x
-All other high-resolution iOS devices @2x
ps: 建議不要使用 PDF 檔案..
pdf內是一個向量圖,本來是用來減少png的size太大問題.
但對於較複雜的圖像而言 PNG 的表現實際上是優於 PDF 的.
iOS系統會自動把 30x30 的 PDF 圖檔做成 @2x 60x60 的 PNG 圖檔.
很複雜的官方說明:
重要!icon尺寸太多,輸出非常麻煩.
因此我們只要建一個最大的1024x1024. photoshop 輸出png 24bit 無透明層.其餘size交給網站.
https://appicon.co/
我是不喜歡要輸入email才能下載的,這網站不用輸入.
zip解開直接取代Assets.xcassets資料夾.
連icon拖都不用拖,如果看到有”緊告號!“的話把那個單獨有問題的icon移除.
結果:
最後是上架後,螢幕快照.
5.5, 12.9兩張... 用模擬器跑, 抓圖後需要resize成正確大小.
APP 預覽和屏幕快照
最後!等兩天~等上架結果!
https://itunes.apple.com/us/app/stopwatch-classic/id1398815464?l=zh&ls=1&mt=8
All app icons should adhere to the following specifications. 所有app icon須符合下列:
-Format: | PNG , 一定要png...但全彩png size很大 .. |
-Color: | 注意24bit不要有透明色在上面. |
-Layers: | Flattened with no transparency. 絕不可以有alpha透明色. |
不可以有圓角,之後apple會統一用圓角特效上去.
-Resolution:
-iPhone X, iPhone 8 Plus, iPhone 7 Plus, and iPhone 6s Plus @3x
-All other high-resolution iOS devices @2x
ps: 建議不要使用 PDF 檔案..
pdf內是一個向量圖,本來是用來減少png的size太大問題.
但對於較複雜的圖像而言 PNG 的表現實際上是優於 PDF 的.
iOS系統會自動把 30x30 的 PDF 圖檔做成 @2x 60x60 的 PNG 圖檔.
很複雜的官方說明:
Image Size (px)
|
File Name
|
Used For
|
App Store
|
512x512
|
iTunesArtwork
|
App list in iTunes
|
Do not include
|
1024x1024
|
iTunesArtwork@2x
|
App list in iTunes on devices with retina display
|
Do not include
|
120x120
(最重要!) |
Icon-60@2x.png
|
Home screen on iPhone/iPod Touch with retina display
|
Required
|
180x180
|
Icon-60@3x.png
|
Home screen on iPhone with retina HD display
|
Optional
|
76x76
|
Icon-76.png
|
Home screen on iPad
|
Optional
|
152x152
|
Icon-76@2x.png
|
Home screen on iPad with retina display
|
Optional
|
167x167
|
Icon-83.5@2x.png
|
Home screen on iPad Pro
|
Optional
|
40x40
|
Icon-Small-40.png
|
Spotlight
|
Optional
|
80x80
|
Icon-Small-40@2x.png
|
Spotlight on devices with retina display
|
Optional
|
120x120
|
Icon-Small-40@3x.png
|
Spotlight on devices with retina HD display
|
Optional
|
29x29
|
Icon-Small.png
|
Settings
|
Recommended
|
58x58
|
Icon-Small@2x.png
|
Settings on devices with retina display
|
Recommended
|
87x87
|
Icon-Small@3x.png
|
Settings on devices with retina HD display
|
Recommended
|
因此我們只要建一個最大的1024x1024. photoshop 輸出png 24bit 無透明層.其餘size交給網站.
https://appicon.co/
我是不喜歡要輸入email才能下載的,這網站不用輸入.
zip解開直接取代Assets.xcassets資料夾.
連icon拖都不用拖,如果看到有”緊告號!“的話把那個單獨有問題的icon移除.
最後是上架後,螢幕快照.
5.5, 12.9兩張... 用模擬器跑, 抓圖後需要resize成正確大小.
APP 預覽和屏幕快照
屏幕快照規範
您必須為每個設備類型提供一組屏幕快照。針對iPhone,您需要一組用於5.5 英寸顯示屏的屏幕快照;而針對iPad,您需要一組用於12.9 英寸顯示屏的屏幕快照。
針對iPhone X 5.8 英寸顯示屏的素材是可選的,且無法縮放至其他設備尺寸。您向App Store Connect 上傳的iPhone X 屏幕快照會帶有圓角顯示。
設備尺寸或平台
|
屏幕快照尺寸
|
必填項
| |||||||||
---|---|---|---|---|---|---|---|---|---|---|---|
5.8 英寸超視網膜顯示屏
|
縱向分辨率為1125 x 2436 像素
橫向分辨率為2436 x 1125 像素
|
可選
| |||||||||
5.5 英寸視網膜顯示屏
|
縱向分辨率為1242 x 2208 像素
橫向分辨率為2208 x 1242 像素
|
必填
| |||||||||
12.9 英寸視網膜顯示屏
|
縱向分辨率為2048 x 2732 像素
橫向分辨率為2732 x 2048 像素
|
必填
|
留言
張貼留言