应用图标生成器 使用方法
- 1
添加图稿
拖入正方形的 PNG、JPG、WebP 或 SVG 图片,最好是 1024 × 1024 像素或更大;透明背景的 Logo 也很合适。
- 2
选择平台
保留 iOS、Android 和网页和 PWA,或取消不需要发布的平台,再选择完整的 Xcode 尺寸集或单个 1024 px 图标。
- 3
调整外观
设置边距、背景颜色,以及自适应图标和可遮罩图标中图稿的大小,并对照安全区参考线和启动器形状进行检查。
- 4
下载 ZIP
点击“下载 ZIP”,把各个文件夹复制到你的项目中;压缩包内的 README 会说明每个文件放在哪里。
限制与 Pro
免费且无水印:每次处理一张源图片,最大 50 MB;每个 ZIP 最多 44 个 PNG 图标(默认 39 个,启用主题图标图层后再加 5 个);下载次数不限。
关于 应用图标生成器
App 图标生成器可以把一张图片变成移动 App 或渐进式网页应用(PWA)所需的完整图标集,文件命名和目录结构都符合 Xcode、Android Studio 和浏览器的要求。选中所有平台时,ZIP 中包含 39 个 PNG 文件:15 个用于 iPhone 和 iPad 资源目录,其中包括 1024 px 的 App Store 图标;15 个覆盖 mdpi 到 xxxhdpi 各密度的 Android 启动器图片,外加 512 px 的 Google Play 图标;以及 8 个网页图标,涵盖清单所需的 192 px 和 512 px 尺寸、可遮罩版本、180 px 的 apple-touch-icon,以及 16、32、48 px 的 favicon。
除图片外,还会生成 AppIcon.appiconset 的 Contents.json、用于 Android 8 自适应图标的 mipmap-anydpi-v26 XML(含背景颜色资源)、包含三种尺寸的 favicon.ico、manifest.webmanifest 的 icons 代码块,以及 HTML link 标签。iOS 文件不带 alpha 通道,因为 Xcode 会拒绝带 alpha 通道的 App Store 图标;所有尺寸都从 1024 px 母版按减半步骤缩小,小图标也能保持清晰。
本工具不会替你设计图标或去除背景,自适应背景图层使用纯色,而不是第二张图片。圆角方形、水滴形和圆形预览只是模仿常见的启动器;各手机厂商的遮罩形状不同,请在真机上确认效果。
隐私
你的图稿由当前浏览器标签页借助画布和本地 Web Worker 完成解码、缩放并打包成 ZIP,图片不会离开你的设备,也不会被上传或保存。
功能
Xcode 资源目录
包含 Contents.json 的 AppIcon.appiconset,涵盖 iPhone 和 iPad 全部尺寸,PNG 不带 alpha 通道。
Android 自适应图标
前景图层、背景颜色资源、圆形图标、主题图层,以及 Play 商店 512 图标。
PWA 与 favicon
清单图标、可遮罩版本、apple-touch-icon、favicon.ico,以及现成的 HTML 标签。