跳到正文

生成 iOS 和 Android 应用图标

用一张图片生成 iOS、Android、PWA 和 favicon 所需的全部尺寸,含 Xcode 资源目录和自适应图标图层,在浏览器中打包成 ZIP。

把图标图片拖到这里PNG、JPG、WebP 或 SVG · 建议 1024 × 1024 px 或更大 · 最大 50 MB
选择文件在你的设备上处理,不会上传

一张图片可生成 39 个适用于 iOS、Android 和网页的 PNG 图标,另含 Contents.json、自适应图标 XML、favicon.ico 和 Web 清单,全部在浏览器中绘制。

在浏览器中运行 · 无需上传工作原理

应用图标生成器 使用方法

  1. 1

    添加图稿

    拖入正方形的 PNG、JPG、WebP 或 SVG 图片,最好是 1024 × 1024 像素或更大;透明背景的 Logo 也很合适。

  2. 2

    选择平台

    保留 iOS、Android 和网页和 PWA,或取消不需要发布的平台,再选择完整的 Xcode 尺寸集或单个 1024 px 图标。

  3. 3

    调整外观

    设置边距、背景颜色,以及自适应图标和可遮罩图标中图稿的大小,并对照安全区参考线和启动器形状进行检查。

  4. 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 标签。

应用图标生成器:常见问题

源图片应该多大?
请使用至少 1024 × 1024 像素的正方形图片,这是 App Store 图标的尺寸,也是整套图标中最大的文件。较小的图片也能用,但大尺寸图标会被放大而显得模糊,工具会给出提示。SVG 文件按完整分辨率绘制,矢量 Logo 在任何尺寸下都很清晰。
这些文件在 Xcode 项目中放在哪里?
在 Xcode 中打开 Assets.xcassets,删除现有的 AppIcon,再把 ZIP 中的 ios/AppIcon.appiconset 文件夹拖进去,也可以在访达中直接替换该文件夹。Contents.json 会把每个 PNG 对应到 iPhone、iPad 或 App Store 的位置。若项目使用 Xcode 14 或更高版本,也可以选择单个 1024 图标,由 Xcode 生成较小尺寸。
Android 自适应图标是怎么工作的?
从 Android 8 起,启动器图标由两个 108 dp 的图层组成:背景(这里是你选的颜色)和放置图稿的前景。启动器会裁掉外围,保留中间 72 dp,并套用自己的形状,如圆形或圆角方形,所以位于中央 66 dp 圆之外的内容可能被裁掉。预览中的安全区参考线会标出这两个边界。
PWA 的可遮罩图标是什么?
可遮罩图标会用背景填满整个正方形,这样 Android 可以把它裁成任意形状,而不会出现白边。浏览器只保证中央 80% 范围内的圆形区域可见,所以请把 Logo 放在其中。ZIP 中包含 192 px 和 512 px 的可遮罩 PNG,清单代码片段会用 purpose maskable 把它们与普通图标区分开。
为什么我的 iOS 图标带有背景颜色?
苹果要求 App 图标必须完全不透明:带 alpha 通道的 App Store 图标无法通过验证,透明区域在主屏幕上还会显示为黑色。因此即使开启了“网页图标透明”,工具仍会用你的背景颜色填充 iOS 图标、apple-touch-icon、Play 商店图标以及自适应和可遮罩图标。