⭐ Favicon 生成器

从一张图片生成 ICO + PNG 全尺寸网站图标

🔒 你的图片绝不会离开你的设备。 所有处理都通过 Canvas API + ICO encoder 在浏览器本地完成。无上传、无服务器、无追踪。

功能特点

  • 全尺寸生成 — 一次生成 16x16 到 512x512 的所有常用 Favicon 尺寸。
  • ICO 格式 — 生成包含多种尺寸的标准 ICO 文件，兼容所有浏览器。
  • HTML 代码 — 自动生成 HTML link 标签代码，直接复制到网页头部即可使用。
  • 完全离线 — 所有处理在浏览器中完成，图片不会上传到任何服务器。

使用方法

  1. 上传图片 — 拖放一张正方形图片作为 Favicon 源文件。
  2. 预览所有尺寸 — 查看各种尺寸的生成效果。
  3. 下载并使用 — 下载 ICO 文件和 PNG 文件，复制 HTML 代码到网页中。

使用场景

  • 为新网站快速生成全套 Favicon
  • 生成 PWA 和移动端书签图标
  • 更新品牌重塑后的网站图标

常见问题

源图片应该是什么尺寸？

建议使用 512x512 或更大的正方形图片，这样缩小到各尺寸时效果最好。

ICO 和 PNG 有什么区别？

ICO 是传统格式，兼容所有浏览器。PNG 是现代格式，文件更小。建议两者都部署以获得最佳兼容性。

需要部署哪些文件？

至少需要 favicon.ico 放在网站根目录。完整部署建议包括 180x180 的 Apple Touch Icon 和 192/512 的 PWA 图标。

相关工具