應用程式圖示產生器
上傳一張 1024x1024px 的 PNG 圖片以產生所有平台的圖示。
將圖示拖放到此處
建議使用 1024x1024px 的正方形 PNG 或 JPG
iOS 和 macOS
Android
更改所有產生的 Android 圖片的檔案名稱
如何使用生成的圖示:
對於 iOS:
- 1. 解壓下載的檔案
- 2. 將生成的 AppIcon.appiconset 檔案夾拖進您的專案
- 3. 在您的專案導航器中,找到
Assets.xcassets檔案夾 - 4. 將生成的
AppIcon.appiconset檔案夾拖入其中 - 5. Xcode 將自動識別並應用圖示
對於 Android:
- 1. 解壓下載的檔案
- 2. 導航到您的 Android 專案的
app/src/main/res目錄 - 3. 複製所有生成的
mipmap-*檔案夾 - 4. 將它們粘貼到您的
res目錄中,替換現有檔案(如果需要) - 5. 將現有專案中的圖示替換為新圖示
商店提交:
- App Store: 使用
1024x1024.png從AppIcon.appiconset中 - Play Store: 使用
playstore.png(512x512) 從根目錄 - 兩個商店還接收一個
appstore.png在根目錄中,方便使用
準備原始圖片
所有尺寸都是由同一張原始圖片縮小產生的,因此這一個檔案的品質決定了整套圖示的品質。請從 1024 × 1024(App Store 要求的尺寸)開始,其餘尺寸交給工具產生。
原始檔案的要求
- 正方形,至少 1024 × 1024 像素。尺寸更小的圖片會被放大,在高解析度螢幕上會顯得模糊。
- PNG 格式;如果圖示用於 iOS,則不能包含透明通道。
- 圖形要能經得起 48 × 48 的考驗——細小的細節和纖細的線條在最小尺寸下會完全消失。
- 不要自行加上圓角或陰影,兩個平台都會套用各自的遮罩。
- 使用 sRGB 色彩空間。廣色域設定檔在系統重新算圖後可能出現明顯偏色。
iOS 圖示尺寸
Xcode 的 Asset Catalog 會為每種裝置和倍率要求對應的檔案。1024 × 1024 是提交到 App Store Connect 的那一張,其餘則用於裝置本身。
| 用途 | 尺寸(像素) | 倍率 |
|---|---|---|
| App Store 商店頁面 | 1024 × 1024 | 1x |
| iPhone 主畫面 | 180 × 180 | 60pt @3x |
| iPhone 主畫面(較舊機型) | 120 × 120 | 60pt @2x |
| iPad Pro 主畫面 | 167 × 167 | 83.5pt @2x |
| iPad 主畫面 | 152 × 152 | 76pt @2x |
| 設定與搜尋結果 | 87 × 87 | 29pt @3x |
| 通知 | 60 × 60 | 20pt @3x |
Android 圖示尺寸
Android 是按密度分類而不是按個別機型來選取圖示的。每個 mipmap 資料夾存放同一個圖示的不同解析度版本,啟動器會挑選與螢幕相符的那一個。
| 密度分類 | 尺寸(像素) | 用途 |
|---|---|---|
| Play Store listing | 512 × 512 | 商店頁面素材,與 APK 或 App Bundle 分開上載 |
| mipmap-xxxhdpi | 192 × 192 | 約 640 dpi——目前大部分旗艦手機 |
| mipmap-xxhdpi | 144 × 144 | 約 480 dpi——常見的中階機型和較舊的旗艦 |
| mipmap-xhdpi | 96 × 96 | 約 320 dpi |
| mipmap-hdpi | 72 × 72 | 約 240 dpi |
| mipmap-mdpi | 48 × 48 | 約 160 dpi——基準密度 |
自適應圖示
Android 8.0 及以上會把前景層和背景層合成,並套用各裝置自己的遮罩,可能是圓形、squircle 或圓角方形。請把有意義的畫面內容保持在畫布中央 66% 的範圍內,因為超出的部分在某些裝置上會被裁走。
常見錯誤
商店審核被拒和圖示顯示異常,幾乎都能歸到以下幾種情況。
App Store Connect 以「圖示包含 Alpha 通道」為由拒絕
iOS 圖示必須完全不透明。請把圖片合併到純色背景上,並重新匯出為不含透明通道的 PNG。
圖示出現雙重圓角或邊角被切掉
請提供完整的正方形。兩個平台都會套用自己的圓角遮罩,事先做好圓角就會被切兩次。
在部分 Android 裝置上畫面被裁走一部分
各廠商的自適應圖示遮罩並不一致。請把 logo 和文字保持在畫布中央 66% 的範圍內。
圖示在主畫面上根本看不清
在 1024 像素下清晰的文字標誌,在 48 像素下是無法辨認的。請改用圖形符號,並在發布前先檢查最小尺寸的匯出結果。
圖示在高解析度螢幕上發虛
原始圖小於 1024 × 1024,被放大了。請從向量素材按完整尺寸重新匯出,而不是拉伸點陣圖。