如何制作 Favicon（Logo、图片或 Emoji）
从 logo、照片、图片 URL 或 emoji 出发，以及如何让它在 16x16 下依然清晰可辨。
这件事的大致轮廓
- 1
选择一个来源
从一个 logo 或图片文件、一个 emoji 或命名图标，或者一个图片 URL 开始。
- 2
为小尺寸而设计
让标识保持简单、高对比度，这样它在 16x16 像素下依然清晰易读。
- 3
导出每一种尺寸和格式
一次性生成 .ico、各个 PNG 尺寸、apple-touch-icon 和 manifest 图标。
方法 A：从 logo 或图片
上传一个 logo、一个图标，甚至一张截图。生成器会裁剪、缩放并导出每一种尺寸，外加 .ico 和 manifest。带透明背景的 PNG 或 SVG 源图能得到最干净的结果。
方法 B：从 emoji 或命名图标
还没有 logo？选一个 emoji 或命名图标，生成器会把它渲染到你选择的方形或圆形背景上。这是为副项目、原型或内部工具快速交付一个可辨识 favicon 的最快方式。
方法 C：从图片 URL
粘贴一个 URL，直接从现有网站或素材中拉取图稿。当你在重建一个已经在别处上线的品牌时很方便。
为小尺寸而设计
从 512x512 的图稿开始并缩小，永远不要放大。
去掉精细细节和纤细笔画；它们在 16px 下会消失。
在浅色和深色标签页上测试。如果每种都需要不同的标识，主题感知 favicon 能搞定。
导出前在 favicon 尺寸指南中检查每一个尺寸。
16x16，真实大小
选对格式
| 格式 | 用于什么 |
|---|---|
| ICO | 传统默认格式，至今仍在 /favicon.ico 被请求。将多个尺寸打包进一个文件。 |
| PNG | 现代浏览器、apple-touch-icon 和 Android 的主力。每个尺寸一个文件。 |
| SVG | 缩放清晰，支持主题切换，并为较旧浏览器提供 PNG 回退。 |
设计营销活动或节日图标
想要一个节日版本或产品发布标识？在交付前，用创意画布搭配文字、emoji 和图标来模拟并微调 favicon。
常见问题
favicon 应该是多大尺寸？
在高分辨率（512x512）下设计，并向下导出为 16x16、32x32、48x48、180x180 和 192x192，这样每个浏览器和设备都能拿到清晰的图标。
我能用 emoji 制作 favicon 吗？
能。选一个 emoji 或命名图标，生成器会把它渲染到透明或彩色背景上，并自动导出每一种 favicon 尺寸。
favicon 应该是什么格式？
提供一个多分辨率的 .ico 用于传统支持，PNG 用于现代浏览器和设备，可选再加一个 SVG 用于清晰缩放。好的生成器会把这些全部产出。