使用方法
- 01
选择文字生成或图片上传模式。
- 02
调整颜色、字体、字号、裁切和圆角。
- 03
检查 16、32、48、180 和 512 像素预览。
- 04
下载图标包并复制 HTML 配置到网站 head。
IMAGE LAB7 TOOLS ONLINE
图片工具 / 浏览器处理
Favicon 网站图标生成器
输入文字或上传图片，生成 ICO、Apple Touch Icon、Android 图标与站点配置。本地处理数据优先留在浏览器
无需注册打开即可开始使用
简单高效专注完成当前任务
正在装配工具工作台…
HOW IT WORKS / IMAGE LAB
Favicon 生成器使用说明
输入 1–4 个字符或上传方形图片，实时调整背景、文字、字体、字号和圆角，并生成浏览器 Favicon、Apple Touch Icon、Android Chrome 图标及站点配置文件。适合新网站、后台系统和独立应用快速补齐图标资源。输出包包含常用尺寸与引用代码，部署时仍需根据框架目录和缓存策略调整路径，并重点检查 16 像素下的辨识度。
操作示例
文字图标
输入：M
使用高对比背景和简洁粗体，在 16×16 像素下仍更容易辨认。
适用场景
- 网站 Favicon
- PWA 图标
- 后台系统标识
- 临时项目图标
支持范围与限制
- 复杂细节在小尺寸下会消失，建议使用简洁轮廓。
- 上传长方形图片时会按预览裁切为方形。
文字绘制、图片裁切和图标打包全部在浏览器完成。
相关教程
Favicon 常用尺寸与网站配置常见问题
Favicon 应该准备哪些尺寸？
常见网页至少准备 ICO、16×16、32×32 和 Apple 180×180；PWA 通常还需要 192×192 与 512×512。
为什么浏览器没有立即更新图标？
浏览器可能缓存 Favicon，可清理缓存、修改文件地址或等待缓存过期。
ICO 和 PNG 可以只用一个吗？
现代浏览器支持 PNG，但保留 ICO 能兼容更多旧环境和默认请求。
任务相关