🎉 我們上線了 Product Hunt!支持我們並給我們反饋
返回

應用程式圖示產生器

產生各種尺寸的 iOS 和 Android 應用程式圖示

應用程式圖示產生器
上傳一張 1024x1024px 的 PNG 圖片以產生所有平台的圖示。

將圖示拖放到此處

建議使用 1024x1024px 的正方形 PNG 或 JPG

iOS 和 macOS
Android

更改所有產生的 Android 圖片的檔案名稱

如何使用生成的圖示:

對於 iOS:

  1. 1. 解壓下載的檔案
  2. 2. 將生成的 AppIcon.appiconset 檔案夾拖進您的專案
  3. 3. 在您的專案導航器中,找到 Assets.xcassets 檔案夾
  4. 4. 將生成的 AppIcon.appiconset 檔案夾拖入其中
  5. 5. Xcode 將自動識別並應用圖示

對於 Android:

  1. 1. 解壓下載的檔案
  2. 2. 導航到您的 Android 專案的 app/src/main/res 目錄
  3. 3. 複製所有生成的 mipmap-* 檔案夾
  4. 4. 將它們粘貼到您的 res 目錄中,替換現有檔案(如果需要)
  5. 5. 將現有專案中的圖示替換為新圖示

商店提交:

  • App Store: 使用 1024x1024.pngAppIcon.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 × 10241x
iPhone 主畫面180 × 18060pt @3x
iPhone 主畫面(較舊機型)120 × 12060pt @2x
iPad Pro 主畫面167 × 16783.5pt @2x
iPad 主畫面152 × 15276pt @2x
設定與搜尋結果87 × 8729pt @3x
通知60 × 6020pt @3x

Android 圖示尺寸

Android 是按密度分類而不是按個別機型來選取圖示的。每個 mipmap 資料夾存放同一個圖示的不同解析度版本,啟動器會挑選與螢幕相符的那一個。

密度分類尺寸(像素)用途
Play Store listing512 × 512商店頁面素材,與 APK 或 App Bundle 分開上載
mipmap-xxxhdpi192 × 192約 640 dpi——目前大部分旗艦手機
mipmap-xxhdpi144 × 144約 480 dpi——常見的中階機型和較舊的旗艦
mipmap-xhdpi96 × 96約 320 dpi
mipmap-hdpi72 × 72約 240 dpi
mipmap-mdpi48 × 48約 160 dpi——基準密度

自適應圖示

Android 8.0 及以上會把前景層和背景層合成,並套用各裝置自己的遮罩,可能是圓形、squircle 或圓角方形。請把有意義的畫面內容保持在畫布中央 66% 的範圍內,因為超出的部分在某些裝置上會被裁走。

常見錯誤

商店審核被拒和圖示顯示異常,幾乎都能歸到以下幾種情況。

App Store Connect 以「圖示包含 Alpha 通道」為由拒絕

iOS 圖示必須完全不透明。請把圖片合併到純色背景上,並重新匯出為不含透明通道的 PNG。

圖示出現雙重圓角或邊角被切掉

請提供完整的正方形。兩個平台都會套用自己的圓角遮罩,事先做好圓角就會被切兩次。

在部分 Android 裝置上畫面被裁走一部分

各廠商的自適應圖示遮罩並不一致。請把 logo 和文字保持在畫布中央 66% 的範圍內。

圖示在主畫面上根本看不清

在 1024 像素下清晰的文字標誌,在 48 像素下是無法辨認的。請改用圖形符號,並在發布前先檢查最小尺寸的匯出結果。

圖示在高解析度螢幕上發虛

原始圖小於 1024 × 1024,被放大了。請從向量素材按完整尺寸重新匯出,而不是拉伸點陣圖。

Rocks Dev Dock 發布了 🥳

在工具內按 '+' 將您喜歡的工具添加到您的 dock。

使用我們的工具時不會收集數據,只是工具。