输出尺寸（16 / 32 / 48 / 64 会一起打进 favicon.ico）
图标全部在你这台设备的浏览器里绘制和打包，图片不上传、不留水印、不限制商用；关掉页面就什么都没留下。SVG 那一版由浏览器即时排版文字，跨平台可能有 1px 以内的位置差，正式上线以 PNG / ICO 为准。
工具介绍
做网站最后总要补一个图标，麻烦的地方不在画，而在要出齐十几套尺寸再加一堆 link 标签。这里选好文字或图片、定好形状和配色，一次把 16 到 512 全部渲染出来：favicon.ico 里打包了小尺寸，apple-touch-icon 和 android-chrome 按规范命名，HTML 引用代码和 site.webmanifest 复制就能用。页面顶部还给了标签页、iOS 主屏幕、Android 圆形图标三种真实预览，不用装到线上才知道效果。
怎么用
- 选「文字 / Emoji」或「图片 Logo」，图片支持拖入或 Ctrl+V 粘贴
- 定形状（直角 / 圆角 / 圆形）、背景与留白，勾上需要的输出尺寸
- 点「生成图标包」，对照三种预览微调留白和颜色
- 下载 zip 或单个文件，再把 head 代码粘进 HTML
常见问题
favicon.ico 里是 PNG 还是 BMP？
PNG 压缩条目，Chrome、Edge、Firefox、Safari 都支持，体积比 BMP 小很多。早已停止支持的 IE 只认 BMP；真需要兼容它的话，拿 32×32 的 PNG 用图像工具另存一版 BMP 即可。
为什么 16px 看着糊？
16px 一共才 256 个格子，笔画一多必然糊成一团。把留白调大、只用一个字母或简单图形、避免细线条。工具会给出最小尺寸的图案占比，低于 4% 就说明该简化图案或加重笔画了。
Next.js / Vue 项目放在哪？
放进静态目录（Next.js 的 public、Vue CLI 的 public）：favicon.ico、apple-touch-icon.png 和各尺寸 PNG 一起拷进去，site.webmanifest 同目录，然后把生成的 head 代码粘到根模板里，不需要改任何构建配置。
生成的图标能商用吗？
能。图案完全由你的文字或图片决定，本站不加水印、不限尺寸、不要求署名。但请确认你上传的 Logo 本身有使用权。