App Icon Generator

App Icon 產生器

上傳一張圖片，取得 iOS、Android、Web 所需的所有 icon 尺寸，含 favicon.ico。全部在瀏覽器處理。

建議使用 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。

拖曳 icon 圖片到這裡，或點擊選擇檔案

建議使用 1024×1024 PNG — 支援 JPG、PNG、WebP

為什麼選擇 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. 1

    拖入 1024 × 1024 來源

    Apple、Google、Web 都接受最大 1024 × 1024 的 icon。拖一張正方形 PNG(透明背景對某些平台較好,實心對某些平台較好 — 兩者都行)。也接受 JPG,但帶透明的 PNG 彈性最大。

  2. 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. 3

    即時預覽 iOS / Android / Web

    看到產生的 icon 在 iOS 首頁、Android launcher、瀏覽器分頁實際的樣子 — 全部即時渲染。在匯出前發現問題(小尺寸下文字看不清楚、resize 後細節遺失)。

  4. 4

    下載成單一 ZIP

    輸出是結構化 ZIP:iOS 資料夾(可直接給 Xcode Asset Catalog)、Android 資料夾(mipmap-mdpi 到 mipmap-xxxhdpi)、Web 資料夾(favicon.ico、manifest.json)。把對應資料夾拖進你的專案。

誰需要每個尺寸

Icon 產生對多數平台不是 optional — 原因如下。

iOS app 上架

App Store Connect 會拒絕缺任何必要 icon 尺寸的 build。一次產生完整套件,丟進 Xcode 的 Assets.xcassets,從此不用再煩惱。

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 部落格的深入教學與工具比較。

常見問題

建議使用什麼尺寸的圖片？

建議使用 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。

我的圖片會被上傳嗎？

不會。所有圖片縮放都使用瀏覽器的 Canvas API，圖片永遠不會離開你的裝置。

有包含 favicon.ico 嗎？

有。Web icon 包含多尺寸的 favicon.ico（16×16 和 32×32），以及各別的 PNG favicon。

可以使用透明背景嗎？

可以。勾選「透明背景」選項即可。但請注意 iOS App Store icon 要求使用實色背景 — Apple 會拒絕透明 icon。