图标制作（favicon.ico）

相关工具

常见问题

favicon.ico 放哪里？

放到网站根目录（和 index.html 同一个文件夹），浏览器会自动读取 /favicon.ico。也可以放到别处再用 指定。

为什么生成的是 PNG 格式的 ICO？

这是 Vista 之后的标准做法（PNG-in-ICO），Windows 7+、macOS、Linux 全部支持，而且体积比传统的 BMP 格式小很多。除非你要兼容 Windows XP，否则没问题。

原图不是正方形怎么办？

默认会「居中裁剪」成正方形。如果不想裁剪，把「透明背景处理」改成「正方形留白」，会保持比例并居中留白。

透明背景会保留吗？

选「保留透明」就会保留（前提是原图本身有透明通道，PNG 格式）。JPG 图片本身没有透明，会显示为白色。

为什么浏览器标签页图标不更新？

浏览器缓存很顽固。试：① Ctrl+F5 强制刷新 ② 换个浏览器或无痕窗口 ③ 清一下浏览器缓存。不是图标文件的问题。

需要多大尺寸？

浏览器标签页实际用 16×16 或 32×32，但建议把 16/32/48/64/128/256 全打进去——高清屏会用大尺寸，收藏夹书签、桌面快捷方式会用 48 或 64。

使用说明

1. 上传一张图片（建议正方形，PNG 可保留透明）
2. 选「包含尺寸」——一般用「标准全套」就行
3. 选「透明背景处理」——PNG logo 选「保留透明」，照片选「填充白色」
4. 点「生成 favicon.ico」，下方会显示各尺寸预览
5. 下载后放到网站根目录，文件名保持 favicon.ico
6. 需要 App 用图的话，点「同时导出各尺寸 PNG」会连续弹出各尺寸文件

给新网站配图标、给 App 生成应用图标、把 logo 转成浏览器标签页图标。

免责声明

本工具的所有图片处理全部在你的浏览器本地完成，图片不会被上传到任何服务器，可放心处理含个人信息的照片。但请注意：请务必保留原始文件备份，裁剪、压缩、加水印等操作会改变原图，处理后的文件无法完整还原。对于涉及版权、肖像权、商标权的图片，请确保你拥有合法的处理与使用权，由使用者自行承担相应的法律责任。本工具为免费公益项目，按「现状」提供，不对因使用本工具产生的任何直接或间接损失承担责任。