加载中...
加载中...
Favicon 生成完整教程：从选择图片、设置尺寸与透明背景，到导出 ICO 并正确部署到网站，附常见问题排查。
favicon 是显示在浏览器标签页、书签和收藏夹里的小图标，也是网站品牌识别的一部分。传统做法需要用设计软件导出多个尺寸再手动打包，本工具可以在浏览器里一步完成。
本教程带你从一张 Logo 图片开始，生成兼容主流浏览器的 favicon.ico，并说明如何部署与更新缓存。
优先使用正方形、背景干净的 PNG，边长至少 512px。非方形图片也能用，后续选择适配方式即可。
上传图片后勾选需要的尺寸，默认 16/32/48/64/128/256 已覆盖桌面与移动端常用场景。
完整显示会保留整张图并补透明边；裁切铺满会居中裁剪，适合需要填满图标的 Logo。
点击下载 favicon.ico，放到网站根目录，并在 HTML 的 head 中加入 link 标签（工具会生成代码）。
打开网站后强制刷新（Ctrl+F5）或换一个浏览器窗口查看标签页图标是否更新。
放在网站根目录（即域名根路径）即可被浏览器自动请求，例如 https://example.com/favicon.ico。也可以在 head 中用 link 标签显式指定。
浏览器会缓存 favicon，通常强制刷新即可；若站点使用 CDN，还需刷新 CDN 缓存或给图标 URL 加版本参数。
建议同时提供。现代浏览器支持 PNG 图标，PWA 与 iOS 主屏图标也使用 PNG；ICO 主要用于兼容与多尺寸容器。
部分系统对透明图标有特定渲染规则，iOS 主屏图标不支持透明。若用于这些场景，建议导出带底色的 PNG。
现在就去使用这个工具
立即使用 Favicon生成器