快速開始
準備一張原始圖片,選擇平台、下載 ZIP,並在 App 或網站中測試檔案。
上傳來源圖片、選擇平台、預覽並下載圖示資源。圖片在瀏覽器中處理,請再於專案中檢查輸出。
三個步驟準備應用程式圖示
-
上傳來源圖片 — 上傳正方形 PNG、JPG、WebP 或 SVG,或從可調整的圖示範本開始。高解析度原圖有助於縮小後的清晰度。
-
選擇平台並預覽 — 選擇 iOS、Android、Web 或 Chrome,調整可用設定並檢查預覽。
-
下載圖示 ZIP — 匯出尺寸與平台資料夾,再放入應用程式或網站專案檢查。
本機編輯與匯出免費。選用的 AI 圖片生成會使用帳戶點數,生成前請查看顯示的費用。
匯出檔案
- iOS — ZIP 在 AppIcon.appiconset 中放入一張 1024 px PNG 與 Contents.json。Xcode 可產生較小版本;此匯出不含獨立的深色或著色圖示素材。
- Android — 適應性素材使用 108 × 108 dp 圖層。請將主要符號放在置中的 66 × 66 dp 安全區,避免被裝置遮罩裁切。ZIP 亦含 mipmap-anydpi-v26 XML 與傳統備用 PNG。
- Web、PWA 與 Chrome 圖示 — 安裝網站小圖示與 PWA manifest,並核對 Chrome 擴充圖示與宣傳圖片的尺寸。
整合與測試
先用尺寸計算器快速查詢,再核對產生的檔案並於專案中測試。如要將素材匯出為 iOS 與 Android 資源,請開啟 App 圖示製作工具.
AppIconGenerator 文檔