免費 App 圖示縮放器:iOS、Android 與 Web
上傳一張方形圖示,調整留白與背景色,一次性下載 iOS、Android、macOS、watchOS、Windows、Chrome 與 PWA 的成品資源包。圖片全程不離開你的瀏覽器。
Click or drag image to upload
Supports PNG, JPG, WebP, SVG (Recommended 1024×1024)
Prevents the icon glyph from touching platform circular or rounded cutouts.
Upload an icon to preview platform mockups
Supported Platform Deliverables
18 icons + Contents.json
mipmap-*, round & Play Store
10 icons + Contents.json
17 watch screen sizes
favicon.ico, apple-touch, PWA
16~128 + Manifest V3
Apple modern .icon bundle
app.ico & VisualAssets
三步完成 App 圖示縮放
從一張母版圖到全部上架尺寸,無需設計工具,也無需上傳。
- 1
上傳母版圖示
拖入 PNG、JPG、WebP 或 SVG 檔案。1024x1024 的母版能在所有輸出尺寸下保持最清晰的效果。
- 2
調整留白與背景
加上安全區邊距,避免裝置蒙版裁掉圖案主體;為要求不透明的商店填充背景色,壓平透明區域。
- 3
選擇平臺並下載
勾選 iOS、Android、Web 或全部八個目標,下載一個 ZIP,資料夾命名、Contents.json 與 manifest 片段都已就位。
iOS、Android 與 Web 的 App 圖示尺寸表
商店稽核先看硬性數字,再看設計。下面是每個目標平臺的要求,也是本縮放器從一張母版生成的全部內容。
| 目標平臺 | 需要交付的尺寸 | 格式規則 |
|---|---|---|
| App Store(iOS) | 1024x1024 px 母版 | PNG,無透明通道,直角 |
| iPhone 與 iPad 主螢幕 | 18 個檔案,20x20 至 1024x1024 | Xcode 14 起由母版自動派生全部尺寸 |
| Android 啟動圖示 | 48、72、96、144、192 px mipmap | 每個密度一張 PNG,另含圓形變體 |
| Android 自適應圖示 | 108x108 dp 畫布,66 dp 安全區 | 前景與背景兩層;蒙版因裝置而異 |
| Google Play 商店圖 | 512x512 px | 32 位 PNG,無透明,不超過 1 MB |
| Web favicon | 16、32、48 px 合成一個 .ico | 另附獨立 PNG 兜底 |
| iOS 網頁書籤圖示 | 180x180 px apple-touch-icon | 不透明 PNG;圓角由 iOS 系統新增 |
| PWA manifest | 192x192 與 512x512 px | PNG;建議提供 maskable 變體 |
| Chrome 擴充套件 | 16、32、48、128 px | PNG,寫入 Manifest V3 |
| macOS 與 watchOS | 每套 10 個與 17 個檔案 | AppIcon.appiconset 目錄加 Contents.json |
尺寸依據 Apple 與 Google 2026 年開發者文件。縮放器輸出與本表一致。
各平臺如何處理你的圖示
縮放只完成一半工作。每個平臺對圖示的蒙版、縮放與分層方式都不同,弄清差異就能解釋大多數被拒上傳的原因。
iOS 與 iPadOS。Xcode 14 起,Apple 只要求一張 1024x1024 母版:無透明、不預製圓角。Xcode 會自動生成 18 個 appiconset 檔案,圓角蒙版在顯示時由系統新增,所以畫布始終保持完整方形。
Android。Android 8 及以上從自適應圖示繪製啟動圖示:前景層與背景層疊放在 108x108 dp 畫布上。各裝置的蒙版從圓形到超橢圓再到圓角方形不等,66 dp 中心圓之外的內容都可能被裁掉,這就是留白決定圖案能否存活的原因。
Web 與 PWA。一個 Web 應用需要瀏覽器標籤頁用的 favicon、iOS 書籤用的 180x180 apple-touch-icon,以及安裝提示所需的 192x192 與 512x512 manifest 圖示。匯出包裡附帶 site.webmanifest 檔案和可直接貼上的 HTML head 片段。
跨端框架。ZIP 沿用標準 android/res/mipmap-* 資源目錄結構,Android 檔案可直接放進 Flutter 或 React Native 工程,1024x1024 母版也可作為 flutter_launcher_icons 的唯一輸入源。
讓 App 圖示待在安全區內
多數縮放問題都源於鋪滿整個畫布的圖案。四條規則能讓主體在任何尺寸下都安全。
給圖案加邊距,而不是改畫布
iOS 上讓 logo 大致控制在中心 80% 以內,自適應圖示控制在 66 dp 圓內。留白滑塊可以實時預覽邊距效果。
不要預製圓角
iOS、Android 與 Google Play 都在顯示時套用自己的蒙版。預先做圓角的圖會在四角露出背景色縫隙。
匯出前壓平透明
App Store 與 Google Play 會拒絕帶 alpha 通道的圖示。用純色背景填充透明區域,不要交付透明 PNG。
在 48 px 下檢查圖案
啟動圖示與 favicon 常在 48 px 以下顯示。如果在那個尺寸讀不出來,先簡化圖案再縮放。
縮放 App 圖示的三種方式
瀏覽器內縮放器、常見線上縮放工具與設計軟體手動匯出,解決的是同一個任務,成本各不相同。
| 本頁瀏覽器內縮放器 | 常見線上縮放工具 | 設計軟體匯出 | |
|---|---|---|---|
| 單次覆蓋平臺 | 8 個目標,含 watchOS、Windows、Chrome | 多數只覆蓋 iOS 與 Android | 每次匯出一個尺寸 |
| 你的圖片 | 始終留在瀏覽器裡 | 通常要上傳到伺服器 | 留在本機 |
| 留白與安全區 | 滑塊調節並實時預覽蒙版 | 基礎功能或沒有 | 手動拉參考線 |
| 輸出結構 | 資料夾、Contents.json、manifest、HTML 片段 | 散裝 PNG 的 ZIP | 散裝匯出檔案 |
| Favicon .ico 編碼 | 內建多解析度 .ico | 部分提供 | 需要外掛或指令碼 |
| 自適應形狀預覽 | 圓形、超橢圓、水滴、圓角方形 | 很少有 | 沒有 |
| 費用 | 免費 | 免費但有限制 | 軟體授權或訂閱 |
基於 2026 年常見線上縮放工具與設計軟體的公開功能列表。
App 圖示縮放器輸出什麼
每個平臺資源包都從你調好留白與背景的母版生成,檔名與目錄結構符合各平臺約定。
iOS 與 iPadOS 資源集
18 個 appiconset 檔案,20x20 到 1024x1024,附帶 Xcode 可直接使用的 Contents.json。
Android mipmap 與自適應包
五個密度目錄加圓形圖示、自適應圖示 XML 與 512x512 Play 商店圖。
Web、PWA 與 favicon 包
多解析度 favicon.ico、180x180 apple-touch-icon、192 與 512 manifest 圖示,外加 head 片段。
macOS、watchOS 與 Windows 資源集
Mac 與 Apple Watch 的 AppIcon.appiconset 目錄、Windows app.ico 與 MSIX 磁貼資產。
Chrome 擴充套件圖示
16、32、48 與 128 px PNG 附 Manifest V3 片段,放進擴充套件目錄即可。
傳送到工作區
登入使用者可把縮放後的圖示直接推入 SparkIconAI 專案畫布,留作後續變體。
App 圖示縮放器常見問題
關於尺寸、格式與上傳被拒的常見問題。
App 圖示應該是什麼尺寸?
App Store 交付 1024x1024 px PNG,Google Play 交付 512x512 px PNG。從 20x20 的 iOS 設定圖示到 192x192 的 Android xxxhdpi 啟動圖示,其餘尺寸都由 Xcode、Android Studio 或本縮放器從母版派生。
如何縮放 iPhone 用的 App 圖示?
把 1024x1024 母版上傳到縮放器,圖案四周留一點邊距,下載 iOS 資源包。包內有 18 個 appiconset 檔案和 Xcode 需要的 Contents.json,整個資料夾可直接拖進 Assets.xcassets。Xcode 14 起,App Store Connect 只需要一張 1024x1024 圖示。
怎麼把手機主螢幕上的圖示調大?
這個設定在手機上,不在圖片裡。iOS 18 及以上:長按主螢幕空白處,點“編輯”,再點“自定義”,在小、中、大之間切換。Android 取決於啟動器:長按桌布進入主螢幕設定找圖示大小。本頁面向的是開發者交付給商店的圖示資源。
為什麼我的 App 圖示在 Android 上像被裁掉了?
Android 8 及以上用 108x108 dp 自適應畫布給每個啟動圖示套蒙版,蒙版形狀因裝置而異:圓形、超橢圓、水滴或圓角方形。66 dp 中心圓之外的圖案在部分裝置上會被裁掉。增加留白直到主體進入中心圓即可,留白滑塊與形狀預覽就是為此準備的。
iOS App 圖示支援透明背景嗎?
不支援。App Store Connect 要求每個畫素都是不透明的,帶 alpha 通道會導致上傳報錯。如果源圖示有透明區域,匯出前在縮放器裡選一個純色背景填充,壓平後的 PNG 就能透過校驗。
App 圖示需要自己做圓角嗎?
不需要。iOS、Google Play 與 Android 啟動器都在顯示時套用自己的圓角蒙版,而且蒙版隨裝置與系統版本變化。預製圓角的圖會在四角露出背景色縫隙。匯出完整方形,把圓角交給系統。
縮放後的圖示怎麼加進 Xcode 工程?
解壓下載的 ZIP,把 ios/AppIcon.appiconset 資料夾拖進 Xcode 的 Assets.xcassets,替換原有資源集。附帶的 Contents.json 已列出全部檔案,無需手動指定。
這些圖示能用在 Flutter 應用裡嗎?
可以。ZIP 裡的 android/res/mipmap-* 目錄遵循標準 Android 資源結構,可直接複製進 Flutter 工程的 android 目錄,也可以把 1024x1024 母版交給 flutter_launcher_icons。iOS 側照常透過 Xcode 資產目錄接入。