网站 Favicon 图标生成器
从图片生成 favicon.ico 和多尺寸 PNG，先检查小尺寸识别度，再将图标接入网站。
开始创作免费编辑与导出，无水印。AI 生成和 AI 编辑使用积分；完整编辑器适合桌面浏览器。
同一原图，调整构图后导出
示例由仓库演示素材通过图标渲染器生成。具体平台的留白、遮罩和输出以所选预设为准。
操作步骤
- 导入清晰的方形图片。
- 选择 Web 预设，检查 16 和 32 像素效果。
- 下载并解压 ZIP，再配置网站图标链接。
先为浏览器标签页设计
浏览器标签页的空间很小，建议去除原图中的小字，保留清晰轮廓。Web 预设包含 16、32、48 等尺寸的 PNG 和 favicon.ico，也包含可通过 Apple touch icon 链接使用的 180 像素 PNG。
接入文件并验证地址
解压 ZIP，将图标放入公开静态资源目录，在文档 head 或框架 metadata 中配置链接。确认每个地址都返回图片。浏览器对 favicon 缓存较强，标签页仍显示旧图标不一定意味着导出失败。
当前预设的输出尺寸与文件
以下列表直接读取应用预设。项目配套文件由导出器追加；尺寸选择会影响实际导出内容。容器文件从下载的 ZIP 中提取。
ICO: favicon.ico (16, 32, 48, 64 px)
查看 9 个图像输出
| 文件 | 尺寸 |
|---|---|
| favicon-16x16.png | 16 × 16 |
| favicon-32x32.png | 32 × 32 |
| favicon-48x48.png | 48 × 48 |
| favicon-64x64.png | 64 × 64 |
| favicon-96x96.png | 96 × 96 |
| favicon-120x120.png | 120 × 120 |
| favicon-128x128.png | 128 × 128 |
| favicon-180x180.png | 180 × 180 |
| favicon-256x256.png | 256 × 256 |
常见问题
需要付费或登录吗？
普通图片编辑与导出可免费使用。AI 请求需要登录并使用积分；云同步等服务依据账户方案提供。
工具会自动修改我的项目吗？
不会。先在编辑器预览并下载资源，然后按项目要求手动接入。请保留现有图标备份并测试构建结果。