Favicon 图标在线生成器
Favicon 图标在线生成器可以把 PNG、JPG、Logo 或像素画布制作成网站用的 favicon.ico、Apple Touch Icon 和 manifest 图标。你可以上传图片自动生成 favicon,也可以直接绘制、设置背景颜色和圆角、添加文字、取色、填充、撤销重做和预览;所有处理都在浏览器本地完成,图片不上传。
编辑画布
制作 favicon.ico
Ctrl/⌘ Z
移动像素图案
实时预览16px 32px 48px
deerimage.com
如何使用Favicon 图标在线生成器
1
选择模板、直接绘制,或拖入一张 Logo/图片在线生成 favicon 图标。
2
设置背景颜色和圆角半径,再用画笔、橡皮、文字、吸管、填充、撤销和移动按钮微调像素效果。
3
在标签栏预览和 16/32/48px 原始尺寸预览里检查效果。
4
下载 favicon.ico,或下载包含 PNG、manifest 和 HTML 代码的整包 ZIP。
常见问题
- 怎么在线生成 favicon 图标?
- 上传 PNG、JPG、WebP、SVG、ICO 或 Logo 图片后,工具会在浏览器本地生成 favicon.ico,并同时输出 16/32/48px PNG、Apple Touch Icon 和 manifest 图标。也可以直接用像素画布和文字工具手工制作。
- favicon.ico 应该放在哪里?
- 通常把 favicon.ico 放在网站根目录,并在 HTML head 里添加本工具生成的 link 代码。整包 ZIP 里也会附带 favicon-html.txt。
- PNG 转 ICO 和 Favicon 生成器怎么选?
- 只想把 PNG 输出成单个 ICO 文件,用 PNG 转 ICO 更快;需要网站 favicon 整包、Apple Touch Icon、manifest、HTML 代码、背景圆角和像素编辑时,用本页 Favicon 生成器。
- JPG 可以做 favicon 吗?
- 可以。JPG/JPEG 图片可以先生成 favicon.ico,再根据 16/32/48px 预览裁切、加背景或添加文字,让浏览器标签栏里更清楚。
- 可以给 favicon 设置背景颜色和圆角吗?
- 可以。使用「背景与圆角」可以给透明 Logo 或文字图标加一个纯色或渐变圆角底,也可以把圆角调到 0px 做直角图标。
- 导出的整包包含哪些文件?
- 整包包含 favicon.ico、16/32/48px PNG、apple-touch-icon.png、192/512px manifest 图标、manifest.webmanifest 和可复制的 HTML link 代码。
- 会上传我的 Logo 或图标吗?
- 不会。图片导入、像素编辑、ICO 生成和 ZIP 打包都在你的浏览器本地完成,不上传服务器。
- 支持动画 favicon 吗?
- 当前首版聚焦静态 favicon.ico 和现代图标整包。动画 favicon 的兼容性和导出格式会在后续版本单独评估。