2026 年一个 favicon 生成器必须产出什么
不是一个文件。有三个不同的消费方各自去不同的地方找，只满足其中一个就会留下看得见的缺口。
浏览器会自动向你的站点根目录请求 /favicon.ico，不管你的 HTML 有没有提到它。这让 .ico 成了那个
可靠的地板：即使你的标记没加载成功，它也管用。
iOS 找的是 180 像素的 apple-touch-icon.png，完全不看 .ico。没有它，把你的站点添加到主屏得到的
是一张页面截图，不是你的图标。
安卓读的是 web manifest 里声明的图标，主屏要 192、启动画面要 512。没有 manifest，它也会退化成某个 通用图形。
本工具把这些全都写出来：内含三档尺寸的 .ico、六个 PNG、一份 manifest，以及把那些"不会被主动探测" 的文件挂上去的 HTML。
别的都可以先放放，先看 16 像素那张预览
这是大多数人会跳过的一步，也是真正要紧的那一步。
16 像素大约就是这段文字里一个小写字母的宽度。字标在这个尺寸上完全无法辨认；细笔画会消失；渐变会 糊成一坨单色；两个相似的形状会并成一个团。
上面那些预览是把你真实的文件按 16、32、48、180 像素渲染出来的——是真实尺寸，不是缩小的示意图， 因为这是唯一诚实的看法。如果 16 像素那版读不出来，解决办法不是换一个更好的生成器，而是换一个更 简单的图标：用 logo 里的那个符号而不是整个组合标、去掉标语、把笔画加粗、把对比拉高。
非正方形的源会被裁
图标出现的所有位置都是方的。一个宽扁的 logo 总得以某种方式变成方的，本工具选择居中裁而不是压扁， 因为在小尺寸上变形远比修掉一圈边缘显眼。
如果你素材里重要的部分不在中间，先自己裁成正方形再拿过来，这样留在画面里的东西由你决定。
网站图标生成完之后，文件放在哪儿
把压缩包整个解到站点根目录，让文件能在 /favicon.ico、/apple-touch-icon.png 这些路径上被访问
到，然后把附带的 head 代码粘进你的模板。
manifest 里的 name 和 short_name 是故意留空的，避免有人把占位文字直接带上线。部署前填上你自己
站点的名字。