Favicon在线制作
生成
在线生成网站favicon图标,支持多种尺寸,一键下载ICO和PNG格式
上传图标
点击或拖拽图标图片
支持 PNG / JPG / SVG,最大 5MB
建议正方形图片(512×512 以上)
生成配置
生成结果
上传图片并点击「生成 Favicon」
工具说明
功能介绍
- 纯前端生成,图片不会上传到服务器,保护隐私
- 支持生成 16 种常用尺寸的 Favicon 图标
- 支持 ICO 和 PNG 两种输出格式
- 可自定义圆角半径和背景色
- 多尺寸实时预览,直观查看各尺寸效果
- 自动生成 HTML 代码和 manifest.json,方便快速集成
使用说明
- 上传正方形图标图片(建议 512×512 以上,最大 5MB)
- 选择需要生成的尺寸(可点击「推荐」快速选择常用尺寸)
- 可选设置圆角半径(0% = 方形,50% = 圆形)和背景色
- 点击「生成 Favicon」批量生成所有尺寸
- 逐个下载或点击「全部下载」获取所有文件
- 点击「查看 HTML 代码」获取集成代码
各尺寸用途
- 16×16 / 32×32:浏览器标签页图标、书签图标
- 180×180:Apple Touch Icon(iOS 主屏幕图标)
- 192×192 / 512×512:Android Chrome 图标、PWA 图标
- 48×48 / 96×96:Windows 桌面快捷方式、Metro 图标
常见问题
- Q: ICO 和 PNG 有什么区别?A: ICO 是传统格式,兼容旧版 IE;PNG 是现代格式,支持透明和高清。建议两者都生成。
- Q: 圆角设置会影响哪些尺寸?A: 圆角会应用到所有生成的尺寸,百分比基于图片短边。
- Q: 生成的代码放在哪里?A: HTML 代码放在 <head> 标签内,manifest.json 放在网站根目录。
- Q: 建议上传什么格式的图片?A: 建议使用 PNG 格式的正方形图片,分辨率至少 512×512,确保缩小后仍清晰。