如何为 iOS 和 Android 制作 App 图标

先确定一个清晰的核心符号，再准备合适的源图，最后生成并安装各平台资源。本指南会带你从初步构思走到可在设备上测试的图标。

什么是 App 图标？

App 图标是用户在主屏幕、搜索结果和应用商店中识别应用的视觉标记。它不同于网站 favicon 或完整文字标志：图标必须在小尺寸下仍容易识别，并适应各个平台的图标形状。

如何设计 App 图标

你可以使用矢量工具绘制，也可以从简单插图开始。先保证清晰可辨，再添加装饰。

只保留一个视觉焦点

使用有辨识度的符号或字母。删除缩小后会消失的细节和长文字。

让轮廓足够清楚

通过颜色和形状对比把主体与背景分开，并让关键信息远离图标边缘。

按真实尺寸预览

在主屏幕尺寸、浅色和深色壁纸上检查图标，并在导出源文件前完成调整。

还没有可用的核心符号？查看 App Logo 制作器

不用设计软件也能制作 App 图标

如果你还没有完成的图稿，可以从浏览器内可编辑的原创模板开始，并在下方使用同一套预览和导出工作区。

选择一个起始模板

比较 Orbit、Stack 和 Signal 三种模板。它们都是原创、非独占的 SVG 起始设计，可按你的应用需求修改。

修改字母与颜色

使用一到两个字母，设置背景色和强调色，并保持足够对比度，让图形在小尺寸下仍然清楚。

预览后再导出

在工作区打开模板，选择目标平台，检查遮罩和小尺寸预览，再下载资源 ZIP。

浏览可编辑的 App 图标模板在生成器中使用模板

为不同平台准备源图

iOS：一张不透明的正方形图片

准备一张 1024 × 1024 px、背景铺满画布的正方形 PNG。不要提前绘制圆角。iOS 导出会把 1024 px 图片打包成供 Xcode 使用的 AppIcon.appiconset。

查看 iOS 图标指南

Android：前景层与背景层

自适应图标使用独立的 108 × 108 dp 图层。关键符号应保留在居中的 66 × 66 dp 安全区内。透明符号适合作为前景，背景可使用纯色或图片。

查看 Android 自适应图标指南

查看图标尺寸指南 · Apple Xcode 文档 · Android 自适应图标文档

如何使用生成器制作 App 图标

准备好图稿后，在下方工作区中操作。同一份源图可以生成 iOS 资源目录和 Android 启动图标资源。

导出主图

保存清晰的 1024 × 1024 px PNG。制作 Android 自适应图标时，带透明背景的前景符号最便于调整。

上传并选择平台

把文件添加到工作区，然后启用 iOS、Android 或同时启用两者。

检查预览

设置 Android 背景和前景缩放比例，确保关键信息位于安全区预览内。

下载 ZIP

导出生成的资源。ZIP 包含 iOS 的 AppIcon.appiconset 和 Android 的 res/mipmap 资源。

打开图标生成器

源图片

或者使用 AI 生成

应用图标模板

选择原创图标样式，再调整颜色和字母缩写。全部操作在浏览器中完成。

背景颜色强调颜色字母颜色

缩写（最多两位英文字母或数字）

选择模板，将其作为源图片。

浏览模板并下载 SVG 源文件

配置平台

已选 2 个平台

快速预设

Android 启动器图标设置

自适应模式导出前景、背景图层和 Android 资源 XML；传统模式仅导出位图尺寸。

背景颜色

或

前景缩放：100%

虚线圆圈标出 Android 中央 66dp 安全区。请使用透明背景的源 Logo，并将重要图案保持在圈内。

预览

2 个平台

等待上传图片

上传图片后，您可以实时预览每个平台的效果

源图片

帮助改进图标工具

上传图片、选择平台或导出时遇到问题？请告诉我们所在页面、浏览器、所选平台和复现步骤。

联系表单将在新标签页打开，当前制作进度会保留在这里。不会自动附带图片或设置，请勿填写机密信息。

反馈工具问题

工具帮到你了吗？

导出素材之后，欢迎用一杯咖啡支持作者继续维护免费体验。

全部处理在浏览器本地完成，图片不会上传服务器。
一次导出覆盖 iOS、Android、Chrome 等主流平台。

每一杯咖啡都将用于服务器成本和功能迭代。

☕请我喝杯咖啡

☕ 请我喝杯咖啡

如何在 Xcode 和 Android Studio 中设置 App 图标

在构建中确认新图标正确之前，请保留已有图标资源的备份。

在 Xcode 中设置 iOS 图标

解压导出文件，并在 Xcode 中打开 Assets.xcassets。
添加生成的 AppIcon.appiconset。如果已经存在 AppIcon，请先备份；确认目标名称后，再替换图片和 Contents.json。
在应用 Target 的图标设置中选择 AppIcon，确认 1024 px 通用槽位已被识别，然后在真机或模拟器中构建并检查。

在 Android Studio 中设置 Android 图标

解压导出文件并检查生成的 res 目录。
把各个 mipmap 密度目录及 mipmap-anydpi-v26 XML 合并到 app/src/main/res。替换前先检查已有资源。
确认 AndroidManifest.xml 的 android:icon 指向 @mipmap/ic_launcher，并构建检查自适应和旧版启动图标。

发布前检查

确保 iOS 图稿不透明，并把圆角遮罩交给系统处理。
把 Android 核心符号放在自适应安全区内，并测试多种启动器形状。
移除旧资源前，检查生成的资源名称、图标预览和实际构建结果。

App 图标常见问题

应该从什么文件格式开始？

高分辨率 PNG 是实用的输入格式。iOS 使用不透明正方形图片；Android 自适应图标使用透明前景符号，更方便单独选择背景。

iOS App 图标应该多大？

可以从 1024 × 1024 px 图片开始，用于通用 App 图标槽位。Xcode 可通过资源目录管理派生尺寸。

为什么 Android 需要两层？

启动器会给自适应图标应用不同遮罩和视觉效果。分开的前景层和背景层能让图标适应这些变化，同时避免核心符号被裁剪。

iOS 和 Android 可以使用同一套设计吗？

可以复用核心符号，但需要分别导出为各平台的资源结构，并在实际构建中检查不同遮罩和背景。