App icon 資源包視覺圖,展示一個源圖標轉成 App Store、Google Play 和 Android launcher 尺寸文件。

工具任務

App Icon 切图与尺寸包生成器

为 App 上架和工程交付准备图标资源。上传 1024px+ 方形源图,选择 Apple、Google Play 或双平台资源包,源图不上传服务器。

上傳圖標並生成雙平臺尺寸包

圖標只在瀏覽器本地讀取。生成後可以下載整包 ZIP,也可以單獨下載某個 PNG 尺寸。

PNG + ZIP

App icon 切圖

上傳一張高分辨率圖標,選擇平臺資源包,下載可放進商店後臺或工程目錄的 PNG zip。

上傳圖標

建議 1024px+ 方形圖,PNG / JPG / WebP

平臺資源包

資源摘要

toolsUi.appIconResizer.packageSummaries.all

toolsUi.appIconResizer.submissionNote

Apple 和 Google 會在各自平臺應用圓角或遮罩,上傳前請保持方形滿版圖。

你會得到什麼

App Store 1024 圖標

單獨導出 1024 x 1024 PNG,方便提交 App Store Connect 或交給上架同事複核。

iOS AppIcon.appiconset

生成常用 iPhone、iPad 和 ios-marketing slot,並附帶 Contents.json,便於拖入 Xcode 資產目錄。

Google Play 512 圖標

輸出 512 x 512 的 Google Play 高分辨率圖標,並保留方形滿版,不提前做圓角。

Android launcher mipmap

導出 mdpi 到 xxxhdpi 的 legacy launcher PNG,便於 Android 工程或設計交付使用。

整理好的 app icon 文件包,包含商店提交圖標、工程目錄和下載包。

平臺尺寸與上傳邊界

建議上傳短邊至少 1024px 的方形源圖。工具可以處理非方形圖片,但正式上傳前仍應以方形源文件複核邊緣和主體位置。

Google Play 商店高分辨率圖標按 512 x 512 PNG 輸出;Android launcher 資源按 mdpi、hdpi、xhdpi、xxhdpi、xxxhdpi 常用密度輸出。

Apple 資源包包含 App Store marketing 1024 和 iOS AppIcon.appiconset 常用 slot。若你的項目只使用 Xcode 單尺寸資產,也可以直接使用 1024 圖標。

不要提前把圖標做成圓角。Apple、Google Play 和 Android launcher 會根據平臺規則應用遮罩、圓角或陰影。

App icon 尺寸支持範圍視覺圖,展示 Apple、Google Play 和 Android launcher 文件組。

一個好的 app icon 切圖工具應該具備什麼

穩定

手工導出容易漏尺寸、命名不一致,工程接入時才發現缺文件。

尺寸清單和文件路徑固定,ZIP 內按 Apple、Google Play、Android 目錄分組。

速度

設計工具裡逐個建畫板、導出、改名,重複且容易出錯。

上傳一次即可生成所有目標尺寸,適合上架前反覆替換圖標版本。

質量

小源圖被無提示放大,或非方形圖標被隨意拉伸。

保留比例,提供居中裁切和補背景兩種方式,並對低分辨率源圖給出提醒。

可信

在線工具可能上傳原始品牌素材,團隊難以確認數據去向。

當前版本在瀏覽器本地處理圖片,不把 icon 文件上傳到服務器。

下載後怎麼使用

給 iOS 工程使用時,把 Apple/AppIcon.appiconset 目錄導入或替換到 Xcode 資產目錄,再在模擬器和真機上檢查小尺寸識別度。

給 Google Play 使用時,優先上傳 GooglePlay/play-store-icon-512.png;Android 工程可使用 Android/mipmap-* 下的 launcher PNG。

如果輸出圖標顯得太小,重新選擇居中裁切;如果主體被裁掉,改用保留完整圖並設置合適背景色。

正式提交前仍要複核平臺最新尺寸、透明度、商標、版權、暗黑/淺色背景可讀性和品牌規範。

App icon 結果使用視覺圖,展示 ZIP、Xcode 資產目錄和商店後臺上傳流轉。

適用場景

獨立開發者在 App Store Connect 和 Google Play Console 上架前快速準備圖標資源。

設計師把最終 icon 交付給 iOS、Android 和 ASO 團隊,減少來回追文件。

增長或運營團隊測試新圖標方向時,快速生成可預覽、可上傳的候選尺寸包。

產品發佈前檢查工程圖標、商店圖標和推廣截圖是否使用同一版視覺資產。

外包或遠程團隊交付時,用固定目錄和命名降低對接成本。

需要保留素材隱私的早期產品,在不上傳源文件的前提下完成切圖。

常見問題

上傳的 app icon 會保存到服務器嗎?

不會。當前工具在瀏覽器本地讀取圖片、繪製 canvas、生成 PNG 和 ZIP;刷新頁面後文件狀態會消失。

生成的圖標能直接上傳到 App Store 和 Google Play 嗎?

尺寸和文件格式按常用上架需求生成,但正式提交前仍需要按 Apple、Google Play 最新後臺提示、審核政策和品牌規範複核。

為什麼不自動加圓角或陰影?

商店和系統會應用自己的遮罩、圓角或陰影。提前做圓角可能導致二次裁切、邊緣不齊或不符合平臺要求。

源圖不是方形怎麼辦?

可以選擇居中裁切或保留完整圖並補背景。正式交付建議回到設計源文件導出方形滿版圖,避免主體偏移。

這個工具會生成 Android adaptive icon 嗎?

當前輸出 Google Play 512 和 legacy launcher mipmap PNG,不生成 adaptive icon 的 foreground/background XML 組合。需要 adaptive icon 時仍要在 Android 工程中按品牌規範配置。

圖片太小會怎樣?

短邊低於 512px 會被攔截;短邊低於 1024px 會提示風險,因為 App Store 1024 圖標會被放大,邊緣和細節可能變糊。

圖標資源準備好後,下一步通常是生成 App Store 和 Google Play 上架截圖,讓商店視覺保持同一套品牌語言。