可以开始使用
浏览器本地 · 无需账号 · 结果留在当前页面
拖放图片到这里，或点击上传
支持 JPG、PNG 或 WEBP。方形源图效果最好。
图标会用 canvas 在本地生成。工具会居中裁剪源图并输出方形 PNG。
Favicon 生成器可以把一张图转换成常用网站图标尺寸。
它适合上线前准备 favicon、浏览器标签页图标和基础 app icon 素材。
清晰输入
准备好要处理的方形 Logo、图标或品牌图，避免混入不相关内容。
确认输出用途
先确认结果要用于发布、调试、估算、整理还是交付，再选择合适参数。
复核关键边界
结果适合快速处理和初步判断，重要场景仍应按目标平台、团队规则或业务口径复核。
示例
上传 512x512 Logo，导出 32x32、180x180 等常用图标尺寸。
假设
输入图标已经有足够留白和清晰边缘。
限制
不会自动设计 Logo，低清晰度原图会影响小图标效果。
先准备简化图形
Favicon 尺寸很小，复杂 logo、长文字和细线不适合直接缩小。
同时检查浅深背景
浏览器标签、书签栏和移动端图标背景不同，图标应在多种背景下可识别。
同步更新页面引用
生成图标后要确认 HTML、manifest、sitemap 外观资源和缓存更新策略。
适合站点品牌入口
Favicon 会出现在浏览器标签、书签和搜索结果视觉中，是品牌识别的一小块但很常见。
多尺寸一起准备
不同设备会读取不同尺寸和格式，单个 16px 图标不够完整。
发版后清缓存检查
浏览器和搜索引擎可能缓存旧 favicon，上线后要用无痕或新设备复查。
网站上线
准备浏览器标签页图标。
产品原型
快速生成可用图标尺寸。
PWA 准备
导出常见 app icon 素材。
品牌检查
预览 Logo 在小尺寸下的效果。
需要什么图片？
建议使用清晰的方形 PNG 或 WebP 图片。
会上传 Logo 吗？
不会。生成在浏览器本地完成。
小图标看不清怎么办？
可以换成更简洁、对比更强的图形。
可以直接用于网站吗？
可以下载后放入网站项目，并按项目需要配置引用。
Favicon 更新后为什么浏览器还显示旧图？
浏览器和搜索引擎会缓存 favicon，可能需要清缓存、换设备或等待重新抓取。
Favicon 可以用复杂 logo 吗？
不建议直接缩小复杂 logo，最好使用简化图形或单字母标识。
需要什么图片？
建议使用清晰的方形 PNG 或 WebP 图片。
会上传 Logo 吗？
不会。生成在浏览器本地完成。
小图标看不清怎么办？
可以换成更简洁、对比更强的图形。
可以直接用于网站吗？
可以下载后放入网站项目，并按项目需要配置引用。
Favicon 更新后为什么浏览器还显示旧图？
浏览器和搜索引擎会缓存 favicon，可能需要清缓存、换设备或等待重新抓取。
Favicon 可以用复杂 logo 吗？
不建议直接缩小复杂 logo，最好使用简化图形或单字母标识。
推荐流程
网站图标准备流程
先调整图标比例，再生成 favicon，并检查展示尺寸。