iOS app 上架
App Store Connect 會拒絕缺任何必要 icon 尺寸的 build。一次產生完整套件,丟進 Xcode 的 Assets.xcassets,從此不用再煩惱。
App Icon 產生器
上傳一張圖片，取得 iOS、Android、Web 所需的所有 icon 尺寸，含 favicon.ico。全部在瀏覽器處理。
拖曳 icon 圖片到這裡，或點擊選擇檔案
建議使用 1024×1024 PNG — 支援 JPG、PNG、WebP
10%
9:41
Your App
Home Screen
9:41
‹ Apps
Your App
Your company or tag line
5.0 ★★★★★
87 Ratings
12+
Age
Today
Games
Apps
Arcade
Search
App Store
9:41
9:41
Monday, June 3
Notification Title
Here's notification text.
Lock Screen
3:08
82%
Wednesday, Aug 7
☀ 81°F
Google
Home Screen
3:08
82%
G
All Apps
Your App
App Drawer
產生 icon 中…
0%
建議使用 1024×1024 像素的 PNG。工具會自動縮小到所有需要的尺寸。原始圖片越大，產出品質越好。
- iOS: 20、29、40、58、60、76、80、87、120、152、167、180、1024px
- Android: 48 (mdpi)、72 (hdpi)、96 (xhdpi)、144 (xxhdpi)、192 (xxxhdpi)、512 (Play Store)
- Web: 16、32、150、180、192、512px PNG + favicon.ico
- watchOS: 48、80、88、100、172、196、216、1024px
- macOS: 16、32、64、128、256、512、1024px
為什麼選擇 App Icon Generator？
一張圖片輸入，所有平台 icon 一次產出。
所有尺寸、所有平台
產生 iOS（含 1024×1024 App Store icon）、Android（所有 mipmap 密度）和 Web（favicon、apple-touch-icon、og-image）所需的每個 icon 尺寸。
Xcode 直接使用
iOS icon 附帶正確的 Contents.json — 直接把 AppIcon.appiconset 資料夾拖進 Xcode 專案即可。
隱私優先
所有縮放都透過 HTML Canvas 在瀏覽器內完成，圖片永遠不會上傳到任何伺服器。
一鍵下載 ZIP
所有 icon 整齊分類在 iOS、Android、Web 資料夾中，打包成單一 ZIP 檔案。
25 種語言
介面支援 25 種語言，自動偵測瀏覽器語言。支援阿拉伯語、波斯語、烏爾都語的 RTL 排版。
完全
無限制、無浮水印、無需註冊。想用幾次就用幾次。
App icon 產生器怎麼運作
從一張原圖產出 30+ 個必要尺寸 — 在你瀏覽器中、一分鐘內。
-
1
拖入 1024 × 1024 來源
Apple、Google、Web 都接受最大 1024 × 1024 的 icon。拖一張正方形 PNG(透明背景對某些平台較好,實心對某些平台較好 — 兩者都行)。也接受 JPG,但帶透明的 PNG 彈性最大。
-
2
平行產生每個尺寸
iOS 需要約 18 種尺寸(App Store、首頁 2x/3x、設定、Spotlight)。Android 需要約 5 種 mipmap 密度(mdpi → xxxhdpi)。Web 需要 favicon(16, 32)、apple-touch-icon(180)、Chrome(192, 512)、manifest。每個尺寸都用 OffscreenCanvas 高品質雙立方重新取樣。
-
3
即時預覽 iOS / Android / Web
看到產生的 icon 在 iOS 首頁、Android launcher、瀏覽器分頁實際的樣子 — 全部即時渲染。在匯出前發現問題(小尺寸下文字看不清楚、resize 後細節遺失)。
-
4
下載成單一 ZIP
輸出是結構化 ZIP:iOS 資料夾(可直接給 Xcode Asset Catalog)、Android 資料夾(mipmap-mdpi 到 mipmap-xxxhdpi)、Web 資料夾(favicon.ico、manifest.json)。把對應資料夾拖進你的專案。
誰需要每個尺寸
Icon 產生對多數平台不是 optional — 原因如下。
Android Play Store
Google 要求 512 × 512 高解析 icon 加 launcher 用的 mipmap 密度。iKit 從一張原圖產出兩種格式 — 不用手動把同樣 artwork 渲染五次。
Progressive Web App
PWA 的 manifest 需要多種 icon 尺寸(最低 192、512)。iKit 順便產出 manifest.json 片段,可直接貼到你既有的 manifest。
更新既有 app
品牌改版?拖入新 logo,30 秒得到完整新 icon set。即時預覽中和舊 set 比對,確認後再 commit。
為什麼本地產生對品牌很重要
App icon 通常是未發表的品牌素材 — 改版、新產品、機密客戶 logo。上傳到伺服器型產生器等於發表前先讓第三方看到,洩漏風險不可忽視。iKit 用 OffscreenCanvas 在瀏覽器中產生所有東西,你未發表的品牌絕不離開你的電腦。
- 原始 PNG 與全部 30+ 產出尺寸都留在你的瀏覽器。
- ZIP 在 client 端打包 — 沒有伺服器檔案被快取。
- 適合機密與發表前的品牌素材。
相關教學
來自 iKit 部落格的深入教學與工具比較。
-
How to Generate App Icons for iOS, Android, and Web
One source PNG → every icon size and density. iOS, Android, and PWA in one export.
-
Mipmap Generator for Android: 5 Density Folders, One Click
Every Android density (mdpi → xxxhdpi) plus adaptive icons, ready as a drop-in res/ folder.
-
Apple Touch Icon Generator: Sizes, Specs, and 2026 Guide
The full apple-touch-icon size matrix and the exact tags Safari and iOS expect.
App 圖示尺寸 (2026)
iOS、Android、watchOS、macOS 與 Web 的完整參考表。
iOS app icon sizes
| Size (px) | Where it appears |
|---|---|
| 1024×1024 | App Store |
| 180×180 | iPhone home (60pt @3x) |
| 167×167 | iPad Pro home |
| 152×152 | iPad home (76pt @2x) |
| 120×120 | iPhone home / Spotlight |
| 87×87 | Settings @3x |
| 80×80 | Spotlight @2x |
| 76×76 | iPad home @1x |
| 60×60 | Notification @3x |
| 58×58 | Settings @2x |
| 40×40 | Spotlight @1x |
| 29×29 | Settings @1x |
| 20×20 | Notification @1x |
Android adaptive icon sizes
| Density | Foreground / Background | Legacy |
|---|---|---|
| mdpi | 108×108 | 48×48 |
| hdpi | 162×162 | 72×72 |
| xhdpi | 216×216 | 96×96 |
| xxhdpi | 324×324 | 144×144 |
| xxxhdpi | 432×432 | 192×192 |
| Play Store | — | 512×512 |
watchOS app icon sizes
| Size (px) | Surface |
|---|---|
| 1024×1024 | App Store |
| 216×216 | Quick Look 44mm |
| 196×196 | Quick Look 42mm |
| 172×172 | Quick Look 38mm |
| 100×100 | Short Look |
| 88×88 | Home 44mm |
| 80×80 | Home 40mm |
| 48×48 | Notification |
macOS .iconset & Web sizes
| Size (px) | Use |
|---|---|
| 1024×1024 | macOS App Store / icon_512@2x |
| 512×512 | macOS / PWA splash |
| 256×256 | macOS |
| 192×192 | PWA / Android home |
| 180×180 | apple-touch-icon |
| 128×128 | macOS / web |
| 48×48 · 32×32 · 16×16 | favicon.ico |
本工具從單張 1024×1024 源圖產生所有尺寸。
常見問題
建議使用什麼尺寸的圖片？
建議使用 1024×1024 像素的 PNG。工具會自動縮小到所有需要的尺寸。原始圖片越大，產出品質越好。
會產生哪些 icon 尺寸？
iOS: 20、29、40、58、60、76、80、87、120、152、167、180、1024px。Android: 48 (mdpi)、72 (hdpi)、96 (xhdpi)、144 (xxhdpi)、192 (xxxhdpi)、512 (Play Store)。Web: 16、32、150、180、192、512px PNG + favicon.ico。 watchOS: 48、80、88、100、172、196、216、1024px。 macOS: 16、32、64、128、256、512、1024px。
我的圖片會被上傳嗎？
不會。所有圖片縮放都使用瀏覽器的 Canvas API，圖片永遠不會離開你的裝置。
有包含 favicon.ico 嗎？
有。Web icon 包含多尺寸的 favicon.ico（16×16 和 32×32），以及各別的 PNG favicon。
可以使用透明背景嗎？
可以。勾選「透明背景」選項即可。但請注意 iOS App Store icon 要求使用實色背景 — Apple 會拒絕透明 icon。
2026 年 iOS 應用程式圖示應該是多大尺寸？
App Store 主圖示為 1024×1024 px PNG、sRGB、無透明度。Xcode 會據此產生較小的 iPhone/iPad/Spotlight/Settings 尺寸（最小至 20pt）。本工具會輸出完整的全套尺寸以及有效的 Contents.json，因此可將 AppIcon.appiconset 直接放入 Assets.xcassets。
什麼是 adaptive、maskable 或 monochrome 圖示？
Android adaptive 圖示是 108×108 dp 的前景 + 背景，啟動器會將其遮罩成任意形狀；內部 66 dp 為安全區。maskable 圖示是其 PWA 對應版本（內部 80% 安全區）。monochrome 圖示是 Android 13+ 的主題圖示圖層。本工具可產生這三種圖示。
應用程式圖示需要是 1024×1024 且無透明度嗎？
對於 iOS App Store 主圖示，是的：1024×1024、不透明、無 alpha 通道——Apple 會拒絕透明的 App Store 圖示。Android 和網頁圖示可以使用透明度。在此上傳 1024×1024 的來源圖，所有所需尺寸都會被正確產生。
如何在 Xcode 或 Android Studio 中加入圖示？
Xcode：將 AppIcon.appiconset 資料夾拖入 Assets.xcassets——Contents.json 會填滿每個插槽。Android：將 res/ 下的 mipmap-* 資料夾和 mipmap-anydpi-v26 的 adaptive XML 複製到模組的 res 目錄中。