首页 / 开源宝库 / AppIconGenerator
AppIconGenerator
// project.info

AppIconGenerator

AppIconGenerator 是什么

AppIconGenerator 是一个浏览器端的应用图标资源生成器,官网标题为 App Icon Generator for iOS, Android, Web, and Chrome。它的用途是把一张源图或站内自带模板,转成各平台要求的整套图标文件:iOS 与 iPadOS、Android、Web 与 PWA、Chrome 扩展,都能在同一个工作区里勾选需要的输出。官网强调这些导出是面向平台的,也就是按各平台目录规范打包,而不是随手丢出一堆不同尺寸的 PNG。处理方式以本地为主——用于缩放和 ZIP 导出的图片都在浏览器里处理,这对不放心把设计稿上传服务器的团队是重要卖点。

平台细节上,Apple 侧导出 AppIcon.appiconset 目录,含 1024 px 通用图与 Contents.json 元数据,官网明确提醒它不会生成深色与 tinted 外观,需在你自己的 Xcode 版本里验证。Android 侧生成自适应图标的前景与背景资源、mdpi 到 xxxhdpi 的旧版 mipmap PNG、XML 引用,以及单独校验过的 512 × 512 Play Store 图。Web 与 PWA 侧产出 favicon 与 manifest 示例,Chrome 扩展侧提供商店宣传图模板。ZIP 会按平台分组目录,官方建议发布前在目标工具里再核对一遍。

主要功能

01一张源图导出全平台图标资源
02内置图标模板可直接套用
03iOS 导出 AppIcon.appiconset 目录
04iOS 含 1024 px 通用图与元数据
05Android 自适应图标前景背景资源
06Android 生成 mdpi 到 xxxhdpi 图
07Android 附 512×512 Play Store 图
08Web/PWA 生成 favicon 与 manifest
09Chrome 扩展宣传图含 Small Tile
10ZIP 按平台分组目录并带元数据
11缩放与打包在浏览器本地完成
12可选 AI Logo 生成(消耗积分)

如何使用 AppIconGenerator

1打开 appicongenerator.org,无需安装任何软件
2上传一张源图,或从站内模板里挑一个起点
3在同一工作区勾选需要的输出平台:iOS、Android、Web 与 PWA、Chrome
4查看各平台输出的预览,确认尺寸与命名符合预期
5需要新 logo 时使用可选的 AI Logo 生成(消耗积分,提示词会发到外部 AI 服务)
6导出并下载 ZIP,文件会按平台分组并带 Contents.json 等元数据
7把资源放进项目,在 Xcode 或 Android Studio 中验证,必要时另外处理深色与 tinted 外观
8确认无误后再随应用提交到各商店

使用示例

官网的导出示例说明为:iOS 生成 AppIcon.appiconset 文件夹,含 1024 px 通用图与 Contents.json;Android 生成自适应前景与背景资源、mdpi 到 xxxhdpi 的旧版 mipmap PNG、XML 引用以及 512 × 512 的 Play Store PNG;Web 与 PWA 输出 favicon.ico、PNG favicon、PWA 图标与 manifest 示例;Chrome Web Store 提供 Small Tile、Marquee 与商店图标模板。素材未提及具体提示词示例。

核心优势

✓本地处理:缩放与 ZIP 打包在浏览器内用 Canvas 完成,图片不必上传服务器,隐私风险更低
✓一站出多平台:iOS、Android、Web 与 PWA、Chrome 在同一工作区勾选,省去逐平台找脚本
✓按平台目录规范打包:ZIP 分组并带 Contents.json 等元数据,导入 Xcode 与 Android Studio 更省事
✓免费核心功能:图标缩放、平台预览与 ZIP 导出免费,只有可选 AI Logo 消耗积分
✓覆盖商店素材:除应用图标外还提供 Play Store 512×512 图与 Chrome 商店宣传图模板
✓模板兜底:没有现成源图时可用站内模板起步,不必先找设计师出图

与同类工具对比

IconKitchen面向 Android 自适应图标的在线生成工具,与 AppIconGenerator 的 Android 部分同类

IconKitchen 更聚焦 Android 自适应图标(公开常识);AppIconGenerator 把 iOS、Android、Web 与 PWA、Chrome 四种输出放在一个工作区,平台覆盖面更宽。

AppIcon.co 等在线图标批量生成器同类在线图标尺寸批量导出工具

这类工具以批量导出多尺寸 PNG 为主;AppIconGenerator 强调按平台目录结构打包并附带 Contents.json 等元数据,还能出 Play Store 与 Chrome 商店素材。素材未提及两者的尺寸清单差异。

Figma 里的图标导出插件在设计工具内直接导出图标资源的插件

Figma 插件的好处是留在设计稿里出图;AppIconGenerator 是独立网页工具,不需要 Figma 账号,并且明确缩放处理都在浏览器本地完成。

使用方式与技巧

使用方式

  • 网页版:浏览器打开 appicongenerator.org
  • 上传自有源图
  • 使用站内自带模板起步

功能模式

  • iOS 与 iPadOS 图标导出(appiconset 加 Contents.json)
  • Android 自适应与旧版 mipmap 导出
  • Web 与 PWA 的 favicon、manifest 导出
  • Chrome 扩展商店宣传图导出
  • 可选 AI Logo 生成(消耗积分)

使用技巧

  • 发布前在 Xcode、Android Studio 等目标工具里核对导出文件,不要直接上线
  • iOS 导出不含深色与 tinted 外观,需要这两种外观要另外处理
  • 尽量用高分辨率方图做源图,缩放出的各尺寸更干净

进阶玩法

01站内提供可选 AI Logo 生成,会把提示词发送到外部 AI 服务并消耗积分
02导出结构:ZIP 按平台分组并包含 Contents.json 等元数据,便于接入构建流程
03素材未提及本地部署与 API 集成

客户端下载渠道

⬇网页版:https://appicongenerator.org/ ⬇导出形式:ZIP 下载(按平台分目录)

常见问题

这个工具真的免费吗?

官网说明图标缩放、平台预览与 ZIP 导出免费;可选的 AI Logo 生成会消耗开始前显示的积分。

我的图片会被上传吗?

用于缩放和 ZIP 导出的图片在浏览器本地用 Canvas 处理;只有可选的 AI Logo 生成会把提示词发送到外部 AI 服务。

iOS 导出包含深色图标吗?

官网明确说该导出不创建深色与 tinted 外观,需要你在自己的 Xcode 版本里验证。

Android 会导出哪些文件?

自适应图标前景与背景资源、mdpi 到 xxxhdpi 的旧版 mipmap PNG、XML 引用,以及单独校验过的 512 × 512 Play Store PNG。

// more.info

项目信息

AppIconGenerator:浏览器里一键生成 iOS、Android、Web、Chrome 全套图标资源

浏览器端 AI 驱动的应用图标生成器,隐私优先,支持 iOS/Android/Chrome Store 资源一键生成

AI 设计创意 适合人群:设计师 / 运营美工
// 商业项目:在数据 affiliate 字段填入 CPS 推广链接后,按钮自动改跳你的推广链接
← 返回开源宝库

站长熬夜整理 · 开源大礼包

点击一键转存《2329 件副业装备大礼包》,内含分类 Excel 表,找工具不再大海捞针

一键转存《2329 个开源大礼包》
资料整理自公开开源渠道,仅供学习交流使用;如涉及版权问题请联系删除。