Favicon 生成是什么
现代网站的图标不是单个文件而是一组：浏览器标签页、手机主屏、PWA 安装、搜索引擎结果各要各的尺寸。
这个工具能做什么
- 八种尺寸一次生成：16 到 512
- 留白比例可调（0-30%）
- 圆形裁切开关，适合圆形头像类 logo
- 附赠 HTML head 引用代码
怎么使用（输入说明）
- 上传正方形 logo（建议 512 以上）
- 调留白、圆形裁切与背景色
- 点生成全部尺寸
- 逐个下载，或整段复制 HTML 代码
使用时的几个注意点
- 源图越方越好，非正方形会被拉伸
- 留白 8% 左右在小尺寸下最不容易糊
- 深色 logo 配浅色背景，反之亦然
实例
512×512 的 logo，留白 8%，圆形裁切关闭，八种尺寸一次生成完毕。
常见问题 FAQ
Q：为什么需要这么多尺寸？
A：不同场景要不同尺寸：16 和 32 给浏览器标签页，180 是 iOS 添加到主屏的 apple-touch-icon，192 和 512 给 PWA 的 manifest。少给几个也能用，但会由浏览器缩放，边缘可能发虚。
Q：源图不是正方形怎么办？
A：会被拉伸缩放填满画布，图标会变形。建议先裁剪成正方形，或者把留白调大一点让主体居中。
Q：能直接生成 .ico 文件吗？
A：不能。ico 是把多个尺寸打包进一个容器，本站不生成这个格式。其实现代浏览器直接用 32×32 的 PNG 完全没问题，也可以把生成的 PNG 用其他工具打包成 ico。