ImgConvert

iOS 與 Android App 圖示產生器

將 PNG、JPG 或 WebP 設計圖轉成 iOS 或 Android 圖示 ZIP。匯出各尺寸的靜態 PNG、iOS Contents.json 檔案,以及選用的 Android 圓形圖示。發布前,請先在專案中檢查這些素材。

請選擇 PNG、JPG/JPEG 或 WebP。建議使用 1024×1024 的正方形原圖;非正方形圖片會從中央裁切。

加入 Android 圓形 PNG 版本;不含自適應圖示圖層。

ZIP 內容

iOS

  • App Store 圖示:1024 × 1024 px
  • 14 個 iPhone 與 iPad PNG 圖示:20–180 px
  • Xcode 素材目錄檔案(Contents.json)

Android

  • Google Play 圖示:512 × 512 px
  • 5 個啟動器圖示:48、72、96、144 與 192 px
  • 額外 5 個圓形啟動器圖示

App 圖示套件包含哪些內容?

如果已經有設計圖,且需要原生 App 專案使用的 PNG 素材,就可以使用此 App 圖示產生器。選擇 iOS、Android 或兩者;ZIP 會依所選平台包含下列檔案。它不會建立新的 Logo 或分層的自適應圖示。

匯出項目檔案與尺寸存放位置
iOS15 個 PNG 檔案,尺寸從 20×20 到 1024×1024,另附 Contents.json。不同素材欄位可能使用相同尺寸。ios/AppIcon.appiconset/;包含 App Store 素材所用的 Icon-1024.png。
Android 啟動器5 個正方形 PNG 檔案,邊長為 48、72、96、144 與 192 px。從 android/mipmap-mdpi/ 到 mipmap-xxxhdpi/,每個目錄都有 ic_launcher.png。
Android 圓形圖示啟用「產生圓形圖示」時,會額外提供 5 個相同像素密度的 PNG 檔案。每個 Android mipmap 目錄中的 ic_launcher_round.png。
Google Play1 個 512×512 的 PNG 檔案。android/playstore-icon.png;上傳前請檢查商店的圖像規範。

此工具匯出靜態圖片,不包含 Android 自適應前景/背景圖層、自適應 XML、單色圖層或 Apple Icon Composer 檔案。

產生各尺寸前,先準備設計圖

支援 PNG、JPG/JPEG 與 WebP,建議使用正方形原圖。清晰的 1024×1024 原圖適合作為最大 iOS 輸出的起點;較小的圖片可以放大,但放大無法還原缺失的細節。

自行決定裁切範圍

非正方形圖片會調整尺寸,並從中央裁切以填滿每個正方形圖示。若 Logo 不在中央,或需要控制保留哪些邊緣,請先使用圖片裁切。

在標誌周圍預留空間

請檢查小尺寸下的設計。細小文字與細節可能不易辨識,選用的圓形遮罩也可能裁掉靠近角落的圖案。

將白色背景納入考量

標準 PNG 圖示會將原圖的透明區域填成白色。Android 圓形版本會再套用圓形遮罩,讓圓外的角落保持透明。

請上傳已完成、但尚未套用外圍圓角遮罩的設計圖。保留原始設計稿,以便日後調整裁切、留白或背景。

如何產生 App 圖示 ZIP

1

上傳原始圖片

請選擇 PNG、JPG/JPEG 或 WebP。確認主體置中,且原圖的清晰度足以供所需的最大尺寸使用。

2

選擇目標平台

選擇「iOS + Android」、「僅 iOS」或「僅 Android」。匯出 Android 圖示時,請決定是否包含選用的圓形 PNG 版本。

3

產生並下載

點選「產生 App 圖示」,等待處理完成後下載 ZIP 套件。解壓縮後,請檢查圖片與資料夾結構。

4

在專案中檢查

請在開發工具中檢查 iOS 素材欄位或 Android 資源參照。發布前,請預覽小尺寸圖示並執行平台的驗證。

在 Xcode 或 Android 專案中使用檔案

請先將 ZIP 解壓縮到暫存資料夾。合併需要的素材,避免直接取代整個現有資源目錄。

iOS 素材目錄

請檢查 AppIcon.appiconset 與其中的 Contents.json,再將圖片加入或對應至 Xcode 的 App 圖示素材。請依 Apple 素材目錄說明,檢查目標、必要欄位與建置警告。

Android 資源

請將選定的 mipmap 圖片複製到對應的資源目錄,並檢查專案中的啟動器參照。若 App 使用自適應圖示,請另外準備並設定其圖層;圓形 PNG 檔案無法取代 Android 自適應圖示資源。

商店圖像與安裝後的啟動器圖示使用於不同位置。使用 playstore-icon.png 前,請先檢查 Google Play 圖示規範。

App 圖示匯出常見問題

此產生器接受 PNG、JPG/JPEG 與 WebP。請先在設計工具中將 SVG 匯出為尺寸足夠大的正方形 PNG,再上傳;更改副檔名並不會轉換格式。

不行。此工具會調整您提供的圖片尺寸並打包。請先完成設計圖,再使用此頁面匯出靜態圖示資源。

網站圖示套件請使用 Favicon 產生器。若要從 PNG 製作 ICO 圖示,請使用 PNG 轉 ICO,再將下載的 ZIP 解壓縮,選擇需要的 ICO 檔案。此頁面匯出的是原生 iOS 與 Android 專案資源。

圖片會上傳至伺服器處理。暫存的上傳檔案與結果會排程清理,因此套件準備完成後請下載,並保留原始圖片。此服務不是永久檔案儲存空間。

匯出 App 圖示素材

使用已完成的設計圖,並選擇專案需要的平台。

輸入 PNG、JPG/JPEG 或 WebP · 輸出 ZIP