iOS 圖示產生器
Source image
Square master (e.g. 1024×1024). 最大 15 MB。
使用方法
- 上傳一個方形主圖示(建議1024×1024)。處理在您的瀏覽器本機執行 - 不會上傳任何內容。
- 下載 ZIP,然後將 AppIcon.appiconset 複製到 Xcode 專案中的 Assets.xcassets 中。
- 乾淨的構建,在模擬器或設備上執行,並確認圖示通過 App Store 驗證。
常見問题
這是一個安全的 iOS 圖示產生器嗎?它會上傳我的圖片嗎?
是的-它是一個隱私第一的開發者工具。所有調整大小和 ZIP 打包都透過 Canvas API 在瀏覽器中本機執行。您的來源藝術作品永遠不會離開您的設備,也不會發送到任何伺服器。
此工具產生的 iOS 應用程式圖示大小是多少?
它導出完整的 AppIcon.appiconset:@1x/@2x/@3x 的 20–83.5 pt 變體(iPhone 主螢幕為 20 像素到 180 像素),加上 1024×1024 App Store 行銷藝術作品和捆綁的 Contents.JSON。
在 Xcode 中哪裡可以複製 ZIP 內容?
解壓縮下載內容,並將專案的 Assets.xcassets/AppIcon.appiconset 資料夾替換為 ZIP 中的 ios/AppIcon.appiconset(所有 PNG 以及 Contents.JSON)。在 React Native 或 Flutter 中,分別使用 ios/<AppName>/Images.xcassets 或 ios/Runner/Assets.xcassets。
我應該在來源圖示中包含圓角嗎?
不會。 iOS 會自動套用角遮罩 — 上傳沒有預先圓角的全出血方形 PNG。
介紹
這個安全的應用程式圖示產生器從單一方形主影像匯出蘋果在 AppIcon.appiconset 中所需的每種尺寸 - 從 20 pt 通知圖示到 1024 × 1024 App Store 圖稿。它是作為隱私優先的開發人員工具構建的:未發布的應用程式品牌保留在您的電腦上,因為處理完全在您的瀏覽器中執行。
隱私優先的本機處理
與基於雲端的圖示服務不同,此工具從不上傳您的來源圖像。當您選擇文件時,瀏覽器會在本機上讀取該文件,使用 Canvas API 調整每個變體的大小,並在您的裝置上組裝 ZIP。沒有帳戶,沒有 API 金鑰,也沒有伺服器端儲存 - 當您處理預發布應用程式、客戶端 NDA 資產或未發布的品牌重塑藝術品時,這是理想的選擇。
查詢安全應用程式圖示產生器或隱私優先的開發人員工具的開發人員可以獲得與基於伺服器的替代方案相同的工作流程,而無需承擔資料外洩風險。
iOS應用程式圖示大小標準
Apple 以 點 (pt) 定義圖示,並以 @1x、@2x 或 @3x 比例匯出 像素 (px)。下表列出了該工具在AppIcon.appiconset內產生的關鍵輸出。
| Role | 點大小 | Scale | 輸出(像素) | 典型用途 |
|---|---|---|---|---|
| Notification | 20×20 | @2x / @3x | 40 / 60 | iPhone 通知欄 |
| Settings | 29×29 | @1x / @2x / @3x | 29 / 58 / 87 | 設定、Spotlight 搜索 |
| Spotlight | 40×40 | @1x / @2x / @3x | 40 / 80 / 120 | 聚焦結果 |
| iPhone應用程式 | 60×60 | @2x / @3x | 120 / 180 | 主螢幕 (iPhone) |
| iPad應用程式 | 76×76 | @1x / @2x | 76 / 152 | 主螢幕 (iPad) |
| iPad Pro | 83.5×83.5 | @2x | 167 | 主螢幕 (iPad Pro) |
| 應用程式商店 | 1024×1024 | @1x | 1024 | App Store Connect 列表 |
ZIP 還包括一個預先填充的Contents.JSON,它將每個檔案名稱對應到其習慣用法、大小和比例 - 為 Xcode 的資產目錄做好準備。
將生成的圖示複製到 Xcode 中
下載 ZIP 後,整合只需不到一分鐘:
- 解壓縮存檔 — 您將看到一個
ios/資料夾,其中包含AppIcon.appiconset/(PNG 檔案 +Contents.JSON)和可選的iTunesArtwork@*.png檔案。 - 在 Xcode 中,找到您的資產目錄:
YourProject/Assets.xcassets/AppIcon.appiconset(Swift/Obj-C 專案)。 React Native 使用ios/<AppName>/Images.xcassets/AppIcon.appiconset; Flutter 使用ios/Runner/Assets.xcassets/AppIcon.appiconset。 - **將現有的
AppIcon.appiconset資料夾替換為 ZIP 中的資料夾,或將每個 PNG 和Contents.JSON複製到現有資料夾中,覆蓋舊檔案。 - 在 Xcode 中,確認 應用程式圖示和啟動圖像 → 應用程式圖示來源 指向目標的常規標籤中的
AppIcon。 - 產品→清理建置資料夾,然後重建。在模擬器上執行,驗證主螢幕圖示;提交時將 1024 × 1024 資源上傳到 App Store Connect。
不要向 PNG 添加圓角 - iOS 在執行時自動屏蔽圖示。
主要特點
- 安全的本機處理 - 來源藝術作品永遠不會離開您的瀏覽器。
- Xcode 資產目錄的完整
AppIcon.appiconset和Contents.JSON。 - iPhone、iPad 和 App Store 行銷規模只需一次 ZIP 下載。
常見用例
- 為首次 App Store 提交準備圖示資源,無需將品牌資訊傳送至第三方伺服器。
- 品牌刷新後更新圖示集。
- 為現有 iOS 或跨平台項目重新產生缺少的大小。
最佳實踐
- 具有強烈對比和簡單形狀的設計 - 精細細節在 60 像素以下消失。
- 驗證淺色和深色主螢幕外觀中的圖示。
- 保留原始向量圖稿以供將來調整比例;上傳沒有預先圓角的全出血方塊。