第一步：准备素材
打开 HeronTool 的 Favicon 生成 工具（favicon.herontool.com）。您有两种输入方式：
- 从图片生成：上传 PNG/JPG/SVG，建议至少 512x512px 以保证清晰度。
- 从文字生成：直接输入字母或符号，选择字体、颜色和背景样式，适合快速创建简约图标。
第二步：配置并生成
在工具界面调整以下选项：
- 尺寸：勾选需要的输出尺寸（16x16、32x32、180x180、192x192 等），工具会自动生成对应 PNG 文件。
- 浏览器兼容：默认包含 ICO 格式，确保旧版浏览器也能显示。
- 实时预览：右侧预览窗口展示图标在标签页、书签和移动端的显示效果。
点击“生成”按钮，系统将打包下载所有文件，并附上一段 HTML 代码，您只需将它粘贴到网站 区域即可。
第三步：部署与验证
将生成的 favicon.ico 放在网站根目录，或按提供的代码路径引用。刷新浏览器，图标应出现在标签页上。若未显示，请清除浏览器缓存或等待 CDN 更新。HeronTool 还提供 Favicon 预览 工具，可粘贴网站 URL 快速检查所有设备上的图标表现。
FAQ
Q1：生成的文件有哪些？ 通常包含 .ico、.png 和 .webmanifest（清单文件），覆盖桌面和移动端需求。
Q2：文字图标不清晰怎么办？ 增加字体磅值，避免使用过细字体，并在生成前放大文字区域。
Q3：可以免费使用吗？ 是的，HeronTool 的 Favicon 生成器完全免费，无需登录。
Q4：如何更新已上线的图标？ 重新生成并替换文件，再更新 HTML 中的版本号（如 ?v=2）强制刷新。
文章标签
