ICO / Favicon / App Icon 工具

App 图标生成器

一次准备 Apple、Android、PWA 和通用 App 图标,按用途整理并下载。

图片仅在您的浏览器中处理,不会上传到服务器。

这个工具是什么

App 图标生成器将一张标志或图案转换为多种用途的方形 PNG,集中准备 Apple 主屏幕、Android 常用密度、PWA 和通用大尺寸图标。

如何使用

  1. 选择或拖入 PNG、JPG/JPEG 或静态 WebP 图片;建议至少 512×512,最好使用 1024×1024 或更清晰的素材。
  2. 选择完整放入或中心裁剪,设置背景颜色和每边留白。
  3. 按用途勾选需要的尺寸,然后生成图标包。
  4. 检查每个图标的真实尺寸,逐个下载 PNG 或下载全部 ZIP,并按需复制 Apple 和 PWA 引用。

支持格式

  • 支持 PNG、JPG/JPEG 和静态 WebP 图片。每次选择或拖入一张图片。
  • 文件最多 100 MiB、4000 万像素,单边不超过 16384 像素。处理大图需要更多内存,请按设备性能选择合适的图片。

结果说明

  • Apple 默认提供 180×180;PWA 提供 192×192 和 512×512。
  • Android 提供 48、72、96、144、192 像素,分别放入 mdpi、hdpi、xhdpi、xxhdpi、xxxhdpi 目录。
  • 通用 App 图标提供 256×256、512×512 和 1024×1024。各用途可以独立勾选,相同尺寸可能保留不同用途的文件路径。
  • ZIP 以 app-icons 为根目录,分为 apple、android、pwa 和 generic,仅包含实际勾选并生成的 PNG。

图标背景与使用方法

  • 完整放入保留整张图片的比例,中心裁剪截取中央正方形;两种方式均可设置每边 0%~30% 留白。
  • Apple 图标使用不透明背景。选择透明背景时,Apple 输出会改用白底;Android、PWA 和通用图标可保留透明。
  • 输出保持正方形,不预先裁圆角。不同平台可能应用自己的图标形状和显示规则,请核对实际使用效果。
  • 这里生成普通 PNG 图标资源,不生成 Android Adaptive Icon 的独立图层、XML 或完整应用项目。需要网站 favicon.ico 时,请使用下方的 Favicon 生成器。
  • Apple HTML 与 PWA Manifest 片段只引用实际生成文件,路径与 ZIP 中的 app-icons 目录相对应。请将文件放到引用的位置,或根据实际保存位置调整路径。
  • 较小素材仍可生成大尺寸图标,但放大不会补出细节;请先查看结果,再决定是否换用更清晰的原图。

隐私

图片仅在您的浏览器中处理,不会上传到服务器。

工具不会自动保存输入或结果。请在清空或离开页面前复制或下载需要保留的内容,并保留原始图片。

FAQ

App Icon Generator 和 Favicon Generator 有什么区别?

本工具集中生成 Apple、Android、PWA 和通用 App PNG 图标包。Favicon 生成器侧重浏览器标签和书签使用的 ICO 与小尺寸 PNG,可从下方链接打开。

Apple 和 Android 为什么需要不同尺寸?

不同平台、显示位置和屏幕密度使用不同的图标尺寸。这里按常见用途整理尺寸,方便选择所需 PNG 资源。

512×512 和 1024×1024 有什么用途?

512×512 常用于 PWA 图标,也可作为较大的通用图标;1024×1024 提供高分辨率通用素材。具体提交或发布要求仍应以使用平台的要求为准。

本工具是否生成 Android Adaptive Icon?

不生成。本工具输出已经合成的普通方形 PNG。Adaptive Icon 需要独立前景、背景和相关资源,不能只用一张 PNG 代替完整结构。

图标是否上传到服务器?

不会。图片读取、缩放、PNG 生成和 ZIP 打包都在当前浏览器完成,下载前也不会发送到其他服务。

返回开发者工具分类首页