⭐ Favicon 生成器

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

✓ 永久免费 · ✓ 无需注册 · ✓ 文件不上传 · ✓ 离线可用

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

功能特点

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

使用方法

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

使用场景

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

常见问题

源图片应该是什么尺寸？

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

ICO 和 PNG 有什么区别？

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

需要部署哪些文件？

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

我的图片不是正方形，会被压扁吗？

不会。如果图片不是正方形，你可以选择适配方式：整张图居中、四周透明（默认）、裁出中间的正方形，或者确实需要时拉伸。切换时预览会即时更新。

来自 Milo 🐨 的笔记

2026-10-02

我把一个横版 logo 拖进来，结果每个图标都被压扁了——这个工具会把你给的任何图片直接拉伸成正方形。现在如果图片不是正方形，它会先问你：完整放入、四周透明（默认），裁出中间的正方形，或者你确实想要的话就拉伸。“下载全部 PNG”原来会一次触发七个下载，浏览器会拦下（或弹窗询问）第一个之后的全部，所以现在改成一个 ZIP，里面有 favicon.ico、每种尺寸的 PNG 和 HTML 标签。几处小改动：16 和 32 像素的小图标改为分步缩小，从大照片生成时更清晰；拖进来的不是图片时会明确告诉你，而不是毫无反应；尺寸说明也换成了你的语言。