工具简介
浏览器标签页上那个小图标就是 favicon。它虽然只有几十像素，却是网站的门面，也直接影响用户在书签和标签栏里能否一眼认出你。
不同设备需要的尺寸不同：浏览器要 16/32/48，苹果设备要 180，部分场景还要 512。本工具可以一次把整套尺寸全部生成。
主要功能
- 一张原图生成 16、32、48、180、512 等多档常用尺寸
- 自动居中裁切为正方形，避免图标被拉伸
- 输出 PNG 格式，兼容性好，可直接上传使用
- 本地生成，不依赖任何外部接口
怎么用
- 打开 Favicon 生成页面，上传一张正方形或接近正方形的图片
- 确认裁切区域，建议让主体居中
- 点击生成，工具会输出各档尺寸的图标
- 逐个下载，并按尺寸命名放入你的站点根目录
可调参数
| 参数 | 默认值与范围 | 使用建议 |
|---|---|---|
| 输入 | 一张正方形图片（建议 512×512 以上） | 正方形效果最佳，非正方形会自动居中处理 |
| 输出尺寸 | 16 / 32 / 48 / 180 / 512 px | 覆盖浏览器标签页、书签、桌面图标与苹果设备主屏 |
每个尺寸用在哪里
| 16×16 / 32×32 | favicon.ico | 浏览器标签页、书签栏；32 用于高分屏 |
|---|---|---|
| 48×48 | favicon.ico | Windows 桌面快捷方式 |
| 180×180 | apple-touch-icon.png | iOS 添加到主屏幕时的图标 |
| 512×512 | icon-512.png | PWA 启动图标与站点图标大图 |
什么时候用它
- 新站上线前准备全套站点图标
- 为移动端添加到主屏幕准备 180 尺寸图标
- 统一更新品牌形象后批量替换图标
常见问题
原图用什么尺寸最好？
建议使用 512×512 或更大的正方形图。从小图放大会导致图标模糊，从大图缩小则清晰锐利。
生成的图标要放在哪里？
通常把 favicon.ico 或 favicon.png 放在站点根目录，并在页面 head 中用 link 标签引用。各尺寸可按框架要求放入对应资源目录。
必须用 ICO 格式吗？
现代浏览器普遍支持 PNG 图标。若你要兼容非常老旧的浏览器，可以额外准备一份 ICO 文件。
相关工具
数据处理方式
Favicon 图标生成 在你的浏览器本地完成全部计算，你选择的文件与输入的内容都不会被上传到任何服务器，处理结束后即被释放。详细的数据处理方式请查看我们的隐私政策。