App Icon 资源包视觉图,展示一个源图标导出为商店提交图标、Xcode 资源和 Android launcher 文件。

工具任务

App Icon 切图与尺寸包生成器

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

上传 App Icon,生成商店与工程尺寸包

上传一张标准源图,选择 Apple、Google Play 或双平台资源包,浏览器本地生成 PNG 和 ZIP。

PNG + ZIP

App Icon 尺寸包

上传一个标准图标源文件,选择平台范围,生成可下载 ZIP 和单个 PNG。全部在浏览器本地处理。

上传图标

推荐 1024 x 1024+ 方形 PNG,也支持 JPG / WebP

平台资源包

平台资源摘要

将生成 25 个 PNG:Xcode AppIcon.appiconset、App Store 1024、Google Play 512 和 Android mipmap。

Apple 资源放入 Xcode 后随 build 提交;GooglePlay/app-icon-512.png 用于 Play Console 的 App icon。

不要预先加圆角或外阴影;平台会按自己的规则应用遮罩、圆角或阴影。

生成后会得到什么

Xcode AppIcon.appiconset

生成 iPhone、iPad 和 ios-marketing 常用 slots,并附带 Contents.json,方便拖入或替换 Xcode 资产目录。

App Store 1024 PNG

额外导出 1024 x 1024 PNG,便于上架前复核图标主体、留白、边缘和品牌一致性。

Google Play 512 图标

输出 Google Play Console store listing 使用的 512 x 512 PNG,并在文件超过 1024KB 时给出风险提示。

Android launcher mipmap

导出 mdpi 到 xxxhdpi 的 legacy launcher PNG,适合 Android 工程资源或设计交付目录使用。

ZIP 与单图下载

生成后可以下载完整 ZIP,也可以在结果区筛选 Apple 或 Google Play 资源并单独下载某个 PNG 尺寸。

整理好的 App Icon 文件包,包含 Xcode 资源目录、商店提交图标、Android 工程目录和 ZIP 下载包。

上传前需要知道的平台边界

Apple 侧不是在 App Store Connect 里逐个上传多尺寸图标。官方流程是用 Xcode asset catalog 准备 app icon,再随 build 上传到 App Store Connect。

这个工具会生成 Apple/AppIcon.appiconset 和单独的 Apple/AppStoreIcon-1024.png。前者用于工程接入,后者用于上架前复核和团队交付。

Google Play Console 的 store listing app icon 需要 512 x 512、32-bit PNG、sRGB、最大 1024KB,并应符合 Google Play 图标设计规范。工具会生成 GooglePlay/app-icon-512.png,并提示体积风险。

Android launcher mipmap 是工程资源,不等同于 Google Play 上传图。当前输出 legacy launcher PNG,不生成 adaptive icon 的 foreground/background XML 组合。

上传前不要预先做圆角或外阴影。Apple、Google Play 和 Android launcher 会根据各自平台应用遮罩、圆角或阴影;提前处理可能导致二次裁切。

最稳妥的源图是 1024 x 1024 或更大的方形满版图。非方形图会居中裁切;透明区域会保留,但正式提交前建议复核不同背景下的可读性。

App icon 尺寸支持范围视觉图,展示 Apple、Google Play 和 Android launcher 文件组。

一个好的 App Icon 切图工具应该具备什么

尺寸准确

手工切图容易漏掉 Xcode slots,或把 Google Play 上传图和 Android launcher 图混在一起。

按 Apple、Google Play 和 Android 分组生成固定目录,结果区也能按平台筛选复核。

交付省心

设计工具里逐个建画板、导出、改名,很容易在发版前反复返工。

上传一次即可得到 ZIP、单图下载和 README,适合设计、研发、ASO 团队统一交付。

质量可复核

小源图被无提示放大,非方形图被拉伸,问题常常到商店后台或真机预览才暴露。

拦截过小源图,非方形图只做居中裁切,并在结果区用透明网格预览每个 PNG。

边界清楚

很多工具只说“App Store 尺寸”,但没有说明 Apple、Google Play 和 Android 工程资源的区别。

页面和 ZIP 说明会标注各文件的使用位置,并提醒 adaptive icon、圆角、版权和最新平台规则需要复核。

本地处理

在线批量切图可能上传未发布品牌素材,团队难以确认文件去向。

当前版本在浏览器本地读取、切图和打包,不把 App Icon 源文件上传到服务器。

下载后怎么使用这些图标

iOS 工程:把 Apple/AppIcon.appiconset 导入或替换到 Xcode asset catalog,再通过 build 提交到 App Store Connect。

App Store 复核:使用 Apple/AppStoreIcon-1024.png 检查主体位置、留白、背景、边缘和不同尺寸下的识别度。

Google Play:上传 GooglePlay/app-icon-512.png 到 Play Console store listing 的 App icon 字段,并确认文件体积不超过平台要求。

Android 工程:把 Android/res/mipmap-* 下的 ic_launcher.png 交给工程使用;如果项目需要 adaptive icon,需要在 Android 工程里另外配置。

如果输出图标显得太小、主体偏移或边缘被裁掉,回到设计源文件调整画布和留白,再重新上传生成。

正式提交前仍要复核平台最新规范、商标/版权授权、透明度、暗黑/浅色背景可读性和品牌规范。

App icon 结果使用视觉图,展示 ZIP、Xcode 资产目录和商店后台上传流转。

适用场景

独立开发者在 App Store Connect 和 Google Play Console 上架前准备图标资源包。

设计师把最终 App Icon 交付给 iOS、Android、ASO 或外包团队,减少来回追尺寸文件。

增长或运营团队测试新图标方向时,快速生成可复核、可上传的候选尺寸包。

产品发布前检查工程图标、商店图标和上架截图是否使用同一版视觉资产。

远程团队或外包项目用固定目录和命名降低交付沟通成本。

早期产品或未发布品牌素材在不上传源文件的前提下完成本地切图。

常见问题

上传的 App Icon 会保存到服务器吗?

不会。当前工具在浏览器本地读取图片、绘制 canvas、生成 PNG 和 ZIP;刷新页面后文件状态会消失,源图不会上传到服务器。

生成的图标能直接上传到 App Store 和 Google Play 吗?

GooglePlay/app-icon-512.png 面向 Google Play Console 的 App icon 上传要求。Apple 侧更准确的路径是把 AppIcon.appiconset 放入 Xcode,随 build 提交到 App Store Connect。

源图应该准备成什么格式和尺寸?

推荐上传 1024 x 1024 或更大的方形 PNG。JPG 和 WebP 也支持,但正式交付前建议从设计源文件导出方形满版图,避免压缩、透明或边缘问题。

为什么不自动加圆角或阴影?

商店和系统会应用自己的遮罩、圆角或阴影。提前把图标做圆角可能导致二次裁切、边缘不齐或不符合平台要求。

源图不是方形怎么办?

当前会按中心裁成方形,不会拉伸图片。正式交付建议回到设计源文件导出方形满版图,避免主体偏移或边缘被裁掉。

透明背景的图标会怎么处理?

工具会保留透明像素,并在结果预览里用透明网格展示。正式上架前建议确认图标在浅色、深色和平台遮罩下都能被清楚识别。

这个工具会生成 Android adaptive icon 吗?

不会。当前输出 Google Play 512 和 legacy launcher mipmap PNG,不生成 adaptive icon 的 foreground/background XML 组合。需要 adaptive icon 时仍要在 Android 工程中按品牌规范配置。

图片太小会怎样?

选择 Apple 或双平台时,源图短边低于 1024px 会被拦截;只生成 Google Play / Android 时,短边低于 512px 会被拦截。Google Play 512 图标超过 1024KB 时会显示风险提示。

图标资源准备好后,下一步通常是生成 App Store 和 Google Play 上架截图,让商店视觉保持同一套品牌语言。