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