iOS 與 Android 應用圖示:源圖、遮罩和匯出檔案的區別
比較 iOS 與 Android 圖示的源圖處理、系統遮罩、自適應圖層、資源目錄和商店圖片,並選擇適合專案的匯出流程。
iOS 應用圖示和 Android 啟動器圖示可以使用相同的核心符號,但並不是同一種技術資源。iOS 可以在資源目錄中從高解析度源圖產生不同呈現;Android 自適應圖示將前景與背景分開,讓啟動器應用不同遮罩和視覺效果。
本指南比較這兩種職責,不重複列出每個平臺的全部尺寸。需要具體數值時,檢視應用圖示尺寸指南。產生的檔案結構已有自動測試,但專案匯入、裝置表現與商店提交仍需要分別驗證。
驗證範圍:平台來源與匯出結構最初於 2026 年 9 月 20 日核查,完整 iOS/Android 專案建置於 10 月 1 日通過。10 月 2 日,在隔離的 iPhone 17/iOS 26.5 與 Android API 36 模擬器中完成安裝、啟動及圖示顯示檢查。這不代表實機表現或商店審查結果。
先準備一個清晰的核心設計
兩個平臺都適合從可縮小辨認的簡單符號開始。新增平臺效果之前,保留乾淨的主檔案。核心視覺通常包括一個主要符號或簡短字母組合、足夠的對比、適當的邊緣留白,以及縮小後仍然有用的細節。
先在真實的桌面圖示尺寸下觀察,再檢查大圖。長名稱、細紋理或多個小符號可能在大預覽中有吸引力,卻在桌面上變成難以辨認的點。平臺處理從源圖組織和檔案打包開始,而不是從複製同一張預覽截圖開始。
iOS 使用資源目錄並應用系統形狀
Apple 的資源目錄工作流支援使用 1024 × 1024 影象準備 iOS 和 iPadOS 圖示。Xcode 通常將影象儲存在 AppIcon 資源集中,並處理系統的顯示形狀。不要先把外部圓角烘焙進源圖。
當前 iOS 匯出包含以下目錄:
iOS/
├── AppIcon.appiconset/
│ ├── AppIcon-1024.png
│ └── Contents.json
├── AdditionalSizes/
│ └── 可选的派生 PNG
└── README.txtContents.json 將 1024 影象宣告為通用 iOS 資源。額外的 PNG 位於單獨目錄,供仍有其他尺寸需求的專案使用;它們不會自動替代資源集裡的主宣告。
當前匯出不會建立深色或著色外觀。Apple 也提供 Icon Composer 和更多外觀設定,使用前應檢查專案目標與 Xcode 版本。iOS 圖示產生器可用於觀察系統遮罩並準備本地檔案,構建與釋出驗證則由實際專案完成。
Android 將自適應前景與背景分開
Android 自適應圖示使用 108 × 108 dp 的前景和背景畫布。中央 66 × 66 dp 是不會被支援的廠商形狀遮罩裁去的安全區,外圍空間留給遮罩與動態呈現。
因此,源素材準備也不同。儘量為主要符號提供透明前景,讓背景填滿其圖層,並把重要內容放在安全區裡。檢查不止一種遮罩,避免只針對某一個圓角矩形設計。
當前自適應匯出包含不同密度的傳統和圖層 PNG,以及 Android 8.0 及以上使用的 XML:
Android/
├── res/
│ ├── mipmap-mdpi/
│ ├── mipmap-hdpi/
│ ├── mipmap-xhdpi/
│ ├── mipmap-xxhdpi/
│ ├── mipmap-xxxhdpi/
│ └── mipmap-anydpi-v26/
│ ├── ic_launcher.xml
│ └── ic_launcher_round.xml
├── play_store_512.png
└── README.txt每個密度目錄包含傳統影象。自適應模式還包含 ic_launcher_foreground.png 和 ic_launcher_background.png,XML 指向這兩層。在 Android 圖示製作器中調整前景大小,並觀察安全區和常見形狀。
Google Play 圖片不是啟動器資源
商店列表影象和啟動器資源解決不同問題。Google Play 規範要求 512 × 512、32-bit、sRGB PNG,檔案不超過 1024 KB。商店會應用自己的遮罩和陰影,所以圖片應保留完整方形,不另外加外部圓角或外陰影。
產生器將這個檔案放在 Android/play_store_512.png。它不替代 Android/res/ 中的圖示資源。瀏覽器顯示匯出完成,只能說明打包路徑完成,不能說明 Play Console 接受了檔案。
哪些部分可以共用?
| 決策 | iOS | Android |
|---|---|---|
| 核心品牌符號 | 可以共用 | 可以共用 |
| 源圖背景 | 不透明、鋪滿的方形源圖 | 獨立的自適應背景 |
| 主要符號 | 方形源圖的一部分 | 儘量使用透明前景 |
| 形狀檢查 | iOS 系統遮罩 | 多種啟動器遮罩 |
| 檔案包 | AppIcon.appiconset 與 Contents.json | 密度 PNG 與自適應 XML |
| 商店圖片 | 資源目錄的商店影象 | 單獨的 512 px PNG |
實際流程是先完成核心標誌,再準備各平臺素材,分別預覽,最後在應用圖示製作器中匯出所需目錄。不要把完整商店影象當成已經分離好的 Android 前景。
匯出前檢查
- 在桌面實際顯示尺寸檢查圖形,而不只看 1024 px 大圖。
- 讓 iOS 系統處理外部遮罩。
- 將 Android 核心符號保留在自適應安全區。
- 單獨檢查 Google Play 商店圖。
- 替換專案資源前,解包檢查檔名與引用。
- 構建目標專案,並在模擬器或裝置上檢查。
模擬器安裝實例
2026 年 10 月 2 日,匯出圖示已安裝至隔離的 iPhone 17 模擬器,執行 iOS 26.5。測試應用成功啟動,主畫面顯示原始 XY 圖示。這驗證了該專案與執行環境,不代表實機或 App Store 審查結果。
2026 年 10 月 2 日,匯出資源已安裝至隔離的 Android API 36 模擬器。應用成功啟動,應用程式抽屜顯示 XY 圖示。這驗證了該啟動器與建置;其他遮罩和裝置仍須分別檢查。
![]()
![]()
常見問題
兩個平臺能使用同一張源圖嗎?
可以共享核心設計,但建議保留 iOS 的不透明方形版本,以及 Android 的透明前景和獨立背景。按平臺輸出不同資源結構。
應該手動新增外部圓角嗎?
不要將平臺外部遮罩烘焙進源圖。系統和商店會處理各自的形狀,重複遮罩容易產生雙重圓角或多餘留白。
Play 商店圖能直接當自適應前景嗎?
通常不合適。商店圖是完整方形素材,而前景應包含有安全區間距的核心符號,背景另行提供。
參考來源
用官方要求和實際專案驗證完成檔案檢查。相同符號可以跨平臺保持識別性,但技術資源仍應分別準備。
更多文章
通訊
保持更新
將最新的應用設計技巧和圖標趨勢發送到您的收件箱。
