Favicon 生成器

一张源图生成多尺寸 favicon.ico 与 PNG，本地 Canvas 处理

功能介绍

上传一张源图（建议 256×256 以上正方形），自动居中裁切并生成 16/32/48/64/128/256 六个尺寸的 PNG 与一个多尺寸合一的 favicon.ico，另附 apple-touch-icon.png 与 HTML 引用片段。

全部通过浏览器 Canvas 在本地生成，不经过任何服务器；浏览器标签页会实时预览小尺寸下的清晰效果。

使用说明

  • 选择或拖拽一张源图（8 MB 以内，源图建议正方形）
  • 点击「生成 Favicon」，工具自动居中裁切并输出六个尺寸
  • 下载 favicon.ico（16-256 尺寸合一，兼容所有浏览器）或单独的 PNG
  • 把 HTML 引用片段粘贴到站点 index.html 的 head 中

输入输出示例

输出文件清单

favicon.ico（16/32/48/64/128/256 合一）
favicon-16x16.png / favicon-32x32.png / ... / favicon-256x256.png
apple-touch-icon.png

常见问题

favicon.ico 里装了多个尺寸，浏览器怎么选？

ICO 容器内嵌多张 PNG，浏览器按显示场景自动挑选：标签页一般用 16/32px，任务栏/桌面快捷方式用更大尺寸。

源图不是正方形怎么办？

会自动居中裁切为正方形后再缩放，建议直接提供正方形源图避免内容被裁掉。

相关工具

本工具完全在浏览器本地运行，输入内容不会被上传或保存。