Favicon 生成 - 开发工具 · 萤炬工具箱

Favicon 生成器把一张图片一次性输出网站图标所需的全部尺寸：16、32、48、64、128、256 像素，并可打包成 ICO 文件下载。省去逐个尺寸手动导出的重复劳动，适合新站上线或更换品牌标识时批量准备图标资源。输出尺寸：16、32、48、64、128、256 像素。支持打包为 ICO 单文件，内含多尺寸。

Favicon 生成器把一张图片一次性输出网站图标所需的全部尺寸：16、32、48、64、128、256 像素，并可打包成 ICO 文件下载。省去逐个尺寸手动导出的重复劳动，适合新站上线或更换品牌标识时批量准备图标资源。

使用步骤

1. 上传图片，建议使用正方形、主体居中的图，缩到 16 像素仍要能辨认。
2. 预览各尺寸（16/32/48/64/128/256）的渲染效果。
3. 下载单个尺寸的 PNG，或打包成 ICO 一次拿到全部尺寸。
4. 把文件放到站点根目录并在 HTML 中用 link 标签引用。

功能与限制

• 输出尺寸：16、32、48、64、128、256 像素。
• 支持打包为 ICO 单文件，内含多尺寸。
• 源图建议正方形，非正方形会按较短边裁切或留白，效果不如预先裁好。

常见问题

ICO 和 PNG 做 favicon 有什么区别？

ICO 是容器格式，一个文件内可包含多种尺寸，浏览器自动挑合适的；PNG 一文件一尺寸，需要写多个 link 标签分别声明 sizes。

为什么 16 像素图标看起来一团糊？

16 像素只有 256 个像素点，细节必然丢失。设计上要做减法：去掉细线与渐变、加粗主体轮廓、提高对比度，而不是直接缩小复杂 logo。

现在还需要多少种尺寸？

浏览器标签页用 16/32，Windows 快捷方式用 48，高分屏与书签栏可能取 64 及以上。移动端主屏图标另有 apple-touch-icon 等更大尺寸需求。

换了 favicon 浏览器还显示旧图标？

favicon 缓存很顽固。可以强制刷新、清缓存，或给引用 URL 加版本查询参数（如 favicon.ico?v=2）绕过缓存。