App 圖示產生器 使用方法
- 1
加入你的圖檔
拖放正方形的 PNG、JPG、WebP 或 SVG,建議 1024 × 1024 像素以上;背景透明的標誌也很適合。
- 2
選擇平台
預設為 iOS、Android 和網頁與 PWA,沒有要上架的平台可以取消勾選,並選擇完整的 Xcode 尺寸組合,或只輸出一個 1024 px 圖示。
- 3
調整外觀
設定邊距、背景顏色,以及 Android adaptive 與可遮罩圖示中圖案的大小,同時對照安全區參考線和啟動器形狀檢查。
- 4
下載 ZIP
按下「下載 ZIP」,再把每個資料夾複製到你的專案中;裡面的 README 會說明每個檔案該放在哪裡。
限制與 Pro
免費且無浮水印:一次一張來源圖片,大小上限 50 MB,每個 ZIP 最多 44 個 PNG 圖示(預設 39 個,啟用主題圖示圖層後多 5 個),下載次數不限。
關於 App 圖示產生器
App 圖示產生器可以把一張圖片變成行動 App 或漸進式網頁應用程式所需的完整圖示組,檔名與資料夾結構都符合 Xcode、Android Studio 和瀏覽器的要求。選取所有平台時,ZIP 內共有 39 個 PNG 檔:iPhone 與 iPad 資產目錄 15 個(含 1024 px 的 App Store 圖示)、Android 啟動器圖片 15 個(涵蓋 mdpi 到 xxxhdpi 密度)、512 px 的 Google Play 圖示,以及 8 個網頁圖示,包括 192 與 512 px 的 manifest 尺寸、可遮罩版本、180 px 的 apple-touch-icon,以及 16、32、48 px 的 favicon。
除了圖片,還會附上 AppIcon.appiconset 用的 Contents.json、供 Android 8 adaptive 圖示使用的 mipmap-anydpi-v26 XML(含背景顏色資源)、包含三種尺寸的 favicon.ico、manifest.webmanifest 的 icons 區塊,以及 HTML link 標籤。iOS 檔案不含 alpha 通道,因為 Xcode 會拒絕帶有 alpha 的 App Store 圖示;所有尺寸都由 1024 px 母版以逐次減半的方式縮小,讓小圖示依然清晰。
這個工具不會幫你設計圖示或去除背景,adaptive 背景圖層也是使用純色,而不是第二張圖片。圓角方形、水滴形和圓形預覽只是模擬常見的啟動器;各家手機廠商的遮罩都不同,請在實機上確認結果。
隱私
你的圖檔會由這個瀏覽器分頁透過 canvas 和本機 Web Worker 解碼、縮放並打包成 ZIP,圖片不會離開你的裝置,也不會上傳或儲存。
功能
Xcode 資產目錄
AppIcon.appiconset 含 Contents.json,涵蓋 iPhone 與 iPad 所有尺寸,PNG 不含 alpha 通道。
Android adaptive 圖示
前景圖層、背景顏色資源、圓形圖示、主題圖層,以及 Play 商店的 512 圖示。
PWA 與 favicon
manifest 圖示、可遮罩版本、apple-touch-icon、favicon.ico,以及現成的 HTML 標籤。