App 图标 PNG:一张母版生成全部尺寸
每家商店在某处仍要 PNG。Apple 要一张 1024x1024、无透明的 PNG 母版,Google Play 要 512x512 的 32 位 PNG,启动器与浏览器要同一图形的小尺寸 PNG 裁片。描述一次图标,生成 1024 母版,一次性导出商店与网页所需的全部 PNG 尺寸。
App 图标 PNG 案例
以 PNG 母版生成的图标:扁平、3D 与玻璃风格的醒目图形,从 1024 px 母版到 16 px favicon 标签页都清晰可读。
什么是 PNG 格式的 App 图标?
PNG 是所有图标管线都认的无损位图格式:Apple 校验 1024x1024 的 PNG 母版,Play Console 要 512x512 的 32 位 PNG,Android 各密度目录装满 48 到 192 px 的 PNG,浏览器在没有声明其他格式时回退到小尺寸 PNG favicon。规则因表面而异,差异正是文件被打回的地方。这个生成器从一句话起步:描述图形,在无限画布上生成 1024 母版,分叉变体直到轮廓撑得住 16 px,最后一次性导出整条 PNG 阶梯,透明只用在目标表面允许的地方。
视觉谱系树
把同一个图形按粗细、配色与背景分叉出 PNG 变体,每次迭代都关联着自己的提示词。
内置后处理
为允许透明的表面一键抠图,为拒绝透明的商店一键纯色填充。
安全区保护
内边距参考线让主体在启动器遮罩与 favicon 裁切下,于最小 PNG 尺寸仍可辨。

App 图标 PNG 提示词示例
把任意一条复制进生成器,再改写主体、风格与配色词。一条有力的 PNG 图标提示词说清三件事:主体及其在方形中的位置、风格与配色、图形在小尺寸下的表现。
扁平商店就绪图形
扁平 App 图标 PNG,单个几何山峰居中置于青色底上,粗轮廓在 48 px 下仍清晰,满方形构图,无文字,边缘锐利适配无损缩放
透明网页图标
网页应用的极简图标,白色闪电符号置于透明背景 PNG 上,笔画粗,四周留白充足,maskable 裁切也能保住轮廓
3D PNG 母版
3D App 图标 PNG 母版,柔和渐变的黏土骰子与影棚光,主体占满三分之二方形,单一轮廓在 32 px 下可辨
三步制作 App 图标 PNG
从一句话到完整 PNG 尺寸阶梯,无需反复缩放。
- 1
描述图标
用一句话写清主体、风格与配色,例如「扁平船锚图形,藏青底珊瑚色,帆船应用的 App 图标 PNG」。注明背景是纯色还是透明。
- 2
生成 1024 母版,再小尺寸试读
以 1024x1024 生成,先在 48 px 与 16 px 下预览再下判断。更小的 PNG 都是母版的缩图,弱轮廓会在所有尺寸一起失败。
- 3
导出 PNG 阶梯
从同一文件导出 1024 iOS 母版、512 Play 素材、mipmap 尺寸与 favicon PNG,透明只用在目标允许处。
App 图标 PNG 尺寸矩阵
应用要交付的每张 PNG,按表面列出,附决定文件能否通过的格式规则。以下为现行要求。
| 表面 | PNG 尺寸 | 格式规则 | 备注 |
|---|---|---|---|
| App Store 母版 | 1024x1024 px | PNG,sRGB 或 Display P3,无 alpha 通道、无透明、直角 | Apple 由这张唯一上传件派生其他所有 iOS 尺寸 |
| Google Play 商店图 | 512x512 px | 32 位 PNG,sRGB,不超过 1024 KB,满方形无预烘焙圆角 | Play Console 在审核前校验该文件 |
| Android 启动器 mipmap | 48、72、96、144、192 px | 每个密度桶一张 PNG;自适应前景层同样以 PNG 交付 | 自适应图层允许 alpha,内容需留在 66 dp 安全区内 |
| 网页 favicon 与 PWA | 16、32、48 px favicon;192 与 512 px manifest 图标 | 支持透明 PNG;maskable 变体内容需留在 80% 安全区圆内 | 浏览器按声明尺寸取用,未列 SVG 或 ICO 时回退 PNG |
| Windows ICO 打包 | 单个 .ico 内 16 到 256 px | .ico 容器封装 PNG 帧;单帧最大 256 px | 桌面构建与安装器资源读取多尺寸文件 |
尺寸依据 App Store、Google Play、Web App Manifest 与 Windows 图标要求,2026 年 9 月核对。
描述图形,在 16 px 下试读,再按上表一次性交付 1024 母版、512 Play 素材、mipmap 套装与 favicon。
打开 App 图标 PNG 生成器各表面的 alpha 通道规则
透明是最容易踩坑的规则:App Store 母版禁止,多数 Play 表面把透明渲染成黑色,网页 favicon 需要它,Android 自适应图层允许它。给商店导不透明,给网页导透明。
一张母版,全部裁片
一张 1024x1024 PNG 的像素量足够覆盖所有目标:缩到 512 给 Play,192 到 48 给启动器,32 与 16 给 favicon 标签页,全程无需重绘。
PNG、SVG、ICO 与 WEBP
PNG 无损且被普遍接受。SVG 可自由缩放但没有商店接受它作为图标上传。ICO 为 Windows 打包多档 PNG 尺寸。WEBP 压缩更小,但 favicon 与商店默认仍是 PNG。
控制 PNG 体积
Play 限制 512 素材不超过 1024 KB、32 位色。色块少的扁平图远低于上限,照片式渐变则顶到上限;生成器导出的商店素材控制在限内。
PNG 图标最终去了哪里
母版的旅程不止商店。同一张 PNG 会切成浏览器标签页 favicon、PWA 安装提示、桌面快捷方式图标、社交分享预览与新闻资料包图。先按 16 px 标签页设计:在页面标题旁可辨的图形,放到任何更大的位置都站得住。
PNG、SVG 还是 ICO?
三种格式,三种分工。商店告诉你上传哪种;网页由你选择。
| PNG | SVG | ICO | |
|---|---|---|---|
| 商店是否接受 | 是,App Store 与 Google Play 都收 | 没有商店接受 SVG 作为图标 | 不适用,仅桌面打包 |
| 透明度 | 支持;部分表面禁用 | 处处支持 | 帧内支持 |
| 缩放 | 按导出尺寸固定像素 | 矢量源,无限缩放 | 单文件内固定帧 |
| 文件体积 | 无损,照片细节下偏大 | 扁平图形最小 | 随帧数增长 |
| 最适合 | 商店母版、启动器、favicon | 网页图形、设计源文件、编辑 | Windows 应用与安装器 |
| 可编辑性 | 仅位图编辑 | 完整矢量编辑 | 仅帧替换 |
格式行为依据现行商店与浏览器要求,2026 年核实。
生成器替你处理什么
从第一条提示词到一整套 PNG 文件之间的一切。
一张 1024px 母版
以全分辨率生成一次;阶梯上的每个 PNG 尺寸都从它干净导出。
按商店裁片
1024 iOS 母版、512 Play 素材与 mipmap 尺寸,按各家格式规则导出。
该透明处透明
给禁 alpha 的商店导不透明母版,给 favicon 与网页图形导透明 PNG,出自同一图形。
ICO 打包
封装 16 到 256 px PNG 帧的 Windows 就绪 .ico 文件,供桌面构建使用。
变体迭代到小尺寸可辨
重生成同一概念,直到轮廓撑得住 16 px 的 favicon 标签页。
一个图形多种风格
扁平、3D、玻璃、像素等预置,专为图标尺度的位图导出调校。
适合 PNG 导出的图标风格
位图格式偏爱简单醒目的图形:扁平与极简风格压缩后体积小、16 px 下可辨,3D 与玻璃风格在轮廓保持单一时缩放后仍有层次,像素风格的硬边缘正好被 PNG 无损保留。到图标风格画廊以图标尺度对比方向:极简、像素 与 玻璃 页面展示了每种风格下的真实图形。
设计一个在 16 px 下站得住的 PNG 图标
四个习惯能避开大多数 PNG 图标问题。以 1024 设计、以 16 判断,因为中间每个尺寸都是同一母版的缩图。一个图标一个主体,两个形状在 favicon 大小就糊成一团。给商店的图铺满方形,给 maskable 网页裁切的图四周留白。商店上传导 sRGB,未标记的色彩配置在商店校验时会偏色。
工作流适用场景
来自生成器的一张母版,以 PNG 导出到每个在你的项目名旁展示小方形的表面。
Blog
Further Reading
Longer reads on icon design, formats and workflows.
App 图标 PNG 常见问题
尺寸、透明度、格式,以及大家对 PNG 图标最常问的问题。
PNG App 图标应该做多大?
交付一张 1024x1024 px PNG 母版,其余从它裁出:Google Play 512x512,Android 启动器 48 到 192 px,favicon 标签页 16 到 48 px,PWA manifest 192 或 512 px。App Store 只要 1024 母版。
PNG 图标可以有透明背景吗?
看表面。App Store 母版直接拒绝透明,多数 Play 表面把透明区域渲染成黑色。网页 favicon 与 PWA 图标欢迎透明,Android 自适应前景层也用它。给商店导不透明,给网页导透明。
App 图标用 PNG 还是 SVG?
商店要 PNG:Apple 和 Google 都校验 PNG 上传,都不接受 SVG 作为图标。SVG 的价值在编辑源文件与可缩放网页图形。就算用矢量设计,也要保留 PNG 导出路径。
怎么把现有图标转成各种 PNG 尺寸?
把方形 Logo 喂给免费的App 图标缩放器,本地下载全部尺寸。图形还不存在时,在上面的生成器里描述它,从新渲染导出整套 PNG。
Android 图标必须用 PNG 文件吗?
是的,两处必需:Play 商店图的 512x512 32 位 PNG,以及每个密度桶的启动器 mipmap PNG。自适应图层用 XML 声明,但前景与背景素材都以 PNG 交付。
图标用 PNG 还是 WEBP 好?
凡由商店或安装器校验的都用 PNG,两家商店都指明 PNG。WEBP 更适合你自己控制页面的装饰性网页图形,但浏览器仍期望 PNG 或 ICO 兜底 favicon。交付 PNG 母版,网页装饰图自便。
怎么做一张 512x512 PNG?
先生成或缩放出 1024x1024 母版,再导出 512x512 裁片:32 位 sRGB、不超过 1024 KB。上面的生成器可从同一母版导出 Play 就绪的 512,缩放器可从现有文件裁出。
生成的 PNG 图标可以商用吗?
可以。你保留每个生成图标的完整商用权利(以服务条款为准),包括用于商店商品信息与产品中。
App Store 接受带 alpha 通道的 PNG 吗?
不接受。1024x1024 上传件必须扁平,无 alpha 通道、无透明、无图层。给 App Store Connect 导不透明母版;完整 iOS 规则见iOS App 图标生成器。
