什么是 App 图标？定义、尺寸与制作方式
什么是 App 图标？
App 图标（app icon）是代表一个应用程序的小方形图像，出现在手机、平板或电脑上。它是你点击打开应用的那张图，是你在应用商店里划过的缩略图，也是分享面板里站在应用名旁边的那个标记。一个文件，或者说一组文件，同时充当按钮、标签和品牌标识。
这个词和几个近邻概念常有重叠。Logo 是公司标识，可以是任意形状；App 图标是应用标识，渲染在设备上的一个方形里；favicon 是网站在浏览器标签页里的对应物；通知图标则是应用运行时在状态栏里显示的微型符号。问「什么是 App 图标」，多数人指的就是那个方形的启动图标，本指南讲的也是它。
App 图标、Logo 与 favicon 的区别
三者容易混淆，因为它们常常刻意长得像。区别在形状、尺寸和所处的位置：
| App 图标 | Logo | Favicon | |
|---|---|---|---|
| 形状 | 方形，圆角由系统裁切 | 任意形状 | 方形，在标签页里常显示为小图或圆形 |
| 所处位置 | 主屏、应用商店、设置 | 网站页头、名片、包装 | 浏览器标签页、书签列表、历史记录 |
| 常见尺寸 | 1024px 母版，切到 48px 或更小 | 矢量，任意尺寸 | 16、32、48px，以及 180px apple-touch-icon |
| 谁决定形状 | 你设计方图，系统负责圆角与缩放 | 你或你的设计师 | 你随网站一起发布 |
直接定义一下 favicon：它是网站发布的小图像文件，让浏览器能在标签页和书签里显示站点标识。需要处理网站一侧的话，MDN 的 favicon 指南讲清了机制，SparkIconAI 的网站图标生成器则能把一张母版一次性切成全部 favicon 与 PWA 尺寸。
iOS 的 App 图标尺寸是多少？
在苹果这边，你只需要提供一张 1024 x 1024 px 的方形母版，PNG 格式、不带透明。从 Xcode 14 起，资产目录只要这一张母版：主屏、聚焦搜索、设置、通知等所有场景都由系统从它派生。苹果的App 图标设计指南要求提交满铺的方形，因为圆角由系统而不是设计师来加；到了 iOS 26，系统还会给主屏图标叠加 Liquid Glass 质感。实践里的结论是：永远不要把圆角做进提交的文件里。
Android 的 App 图标尺寸是多少？
Android 要两样东西。Google Play 商店列表图标是 512 x 512 px 的 32 位 PNG。启动器图标则是自适应图标（adaptive icon）：背景与前景两层，各 108 dp，其中中间的 72 dp 在遮罩后保留，中心直径 66 dp 的圆形是保证可见的安全区。不同启动器的遮罩不同，有的圆形有的超椭圆，所以规则是把标记的重要内容留在安全圆内。自适应图标文档有完整规格，Google Play 图标生成器能从一张母版同时导出 512px 列表素材和整套 mipmap。
Android 上的「App 图标角标」是什么？
App 图标角标（app icon badge）是应用有未读通知时，出现在图标角落的小圆点或数字。Google 把圆点形态叫做通知圆点（notification dots），这是 Android 8.0 引入的功能。三星 One UI 把同一个东西称为 App 图标角标，并且允许按应用选择显示圆点还是数字，这就是为什么这个词在三星手机上和在 Pixel 上读起来不一样。长按图标可以速览通知，或在设置的「通知」里开关这个功能。角标由系统绘制在你的图标之上，文件本身不需要为此设计什么，不过这也是把标记中心留干净的又一个理由。
Android 上的「应用图标」按钮是什么？
在许多 Android 手机上，应用图标按钮（the apps icon）指主屏底部的那个按钮，通常是圆点或点阵网格，点开后是应用抽屉：按字母顺序列出全部已安装应用。它是导航控件，不是某个应用的图标，这个问题里的混淆多半来自这里。它的样子随启动器变化，使用全面屏手势时它会整个消失，换成上滑手势。
顺带解码一个陌生符号：状态栏里偶尔冒出的字母图标，比如 Android 上的 T 图标，几乎不会来自系统本身。Android 没有内置的 T 符号，它来自发布了通知的第三方应用，通常是名字以该字母开头的应用。在设置里查看通知记录，几秒钟就能找到来源。
图标是怎么做出来的
拿到方形母版有两条路。经典的路是设计师在矢量软件里对着网格画它，把剪影调到 48px 下也认得出。较新的路是生成式：你用一句话描述标记，AI 模型返回一张 1024px 母版，你通过改提示词或分支来迭代。SparkIconAI 走的就是第二条路：描述图标，生成候选，在 16px 下检查，然后从一张母版导出商店与 Web 的全部尺寸。想看完整的设计过程，图标设计指南与生成器带你过一遍概念、类型与剪影的决策；AI 图标生成器则是做出第一个图标最快的入口。
常见问题速答
- 什么是 favicon 生成器？ 把一张方形母版转成网站所需 favicon 文件的工具：favicon.ico、180px 的 apple-touch-icon，以及 192 和 512px 的 PWA 图标。网站图标生成器做的就是这一刀。
- 什么是图标设计？ 绘制代表物体与概念的符号的实践，覆盖主屏上的那些标记、界面图标和品牌图标。图标设计页讲了类型、规则与 AI 工作流。
- 一张图能当所有尺寸的 App 图标吗？ 可以，只要剪影足够简单。先设计 1024px 母版，在 48、32、16px 下预览，发糊时简化形状而不是换想法。
- 文件里需要带圆角吗？ 不需要。iOS 和 Android 都会套用自己的遮罩，提交满铺方图，让系统去圆角。