Favicon 生成器
一张图生成 favicon.ico、全尺寸 PNG、触屏图标与 manifest，打包下载。
给网站配一套图标，烦人的从来不是画图，而是那堆尺寸：浏览器标签要 16×16 和 32×32，桌面快捷方式要 48×48，iOS 添加到主屏要 180×180 的 apple-touch-icon，PWA 安装要 192 和 512。本工具把这些一次配齐：拖入一张图片，得到 favicon.ico、全套 PNG、site.webmanifest 和可直接粘贴的 HTML 引用代码，还能打包成一个 ZIP。
生成完全在浏览器内完成：缩放用的是逐级减半的高质量重采样，.ico 容器与 ZIP 打包是本站手写的字节级实现，没有任何上传。源图不要求预先裁成方形——选「居中裁剪」会切掉多余部分保持内容完整，选「留白补齐」则保持整图可见、透明补边。
favicon.ico 里装的是什么
.ico 是一种容器格式：文件头之后是每个图标的目录项与位图数据。现代做法是把 PNG 直接装进 ICO 容器（Vista 起所有系统都支持），一个文件同时携带 16、32、48 三个尺寸，浏览器按需取用。本工具生成的 ico 就是这种结构，比老式的 BMP 载荷体积小得多。
尺寸该勾哪些
最小可用集是 favicon.ico（16/32/48）加 512×512 的 PNG：前者覆盖传统浏览器标签页与收藏夹，后者满足 PWA 安装与高分屏。要照顾 iOS 设备就加上 180×180 的 apple-touch-icon；Android Chrome 会读 manifest 里的 192 与 512。尺寸不是越多越好，每个都是一次真实下载。
源图质量决定图标上限
图标是缩小绘制，源图越大细节保留越完整：512×512 以上的源图缩到 16×16 后仍能保住轮廓，64×64 的源图缩下去就只剩色块了。另外避免在源图里带细字或发丝级线条——它们在 16 像素下必然糊掉，图标设计应以大色块与简笔画为主。
常见问题
- 生成后会更新缓存里的旧图标吗？
- 浏览器对 favicon 缓存非常激进。部署新图标后通常需要强刷（Ctrl+F5），或给引用链接加版本参数（如 favicon.ico?v=2）强制失效。
- favicon.ico 应该放在哪？
- 放在网站根目录（https://你的域名/favicon.ico），浏览器会自动请求这个路径，无需 HTML 声明；HTML 引用代码用于指定 PNG、触屏图标与 manifest 的位置，放在 <head> 里。
- 为什么生成的图标边缘发虚？
- 缩小绘制时的抗锯齿会让边缘半透明。若你想要锐利的像素风格，源图尽量选择与目标尺寸成整数倍的设计稿，或选择"居中裁剪"避免缩放比例落在一半以下。
- 图片会上传吗？
- 不会。缩放、ICO 与 ZIP 封装都在浏览器内完成，本站连后端都没有，断网同样可用。