• 用******户 使用了工具 Base64编解码
  • 开******发 使用了工具 MD5加密
  • 工******程 使用了工具 时间戳转换
  • 程******序 使用了工具 JSON格式化
  • 设******计 使用了工具 图片压缩
  • 产******品 使用了工具 URL编解码
  • 测******试 使用了工具 正则表达式
  • 运******维 使用了工具 密码生成器

Favicon在线制作

生成
在线生成网站favicon图标,支持多种尺寸,一键下载ICO和PNG格式
Favicon网站图标ICOPNG多尺寸图标生成
上传图标

点击或拖拽图标图片

支持 PNG / JPG / SVG,最大 5MB
建议正方形图片(512×512 以上)

生成配置
🏁
已选 5 项
生成结果

上传图片并点击「生成 Favicon」

工具说明

功能介绍

  • 纯前端生成,图片不会上传到服务器,保护隐私
  • 支持生成 16 种常用尺寸的 Favicon 图标
  • 支持 ICO 和 PNG 两种输出格式
  • 可自定义圆角半径和背景色
  • 多尺寸实时预览,直观查看各尺寸效果
  • 自动生成 HTML 代码和 manifest.json,方便快速集成

使用说明

  1. 上传正方形图标图片(建议 512×512 以上,最大 5MB)
  2. 选择需要生成的尺寸(可点击「推荐」快速选择常用尺寸)
  3. 可选设置圆角半径(0% = 方形,50% = 圆形)和背景色
  4. 点击「生成 Favicon」批量生成所有尺寸
  5. 逐个下载或点击「全部下载」获取所有文件
  6. 点击「查看 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,确保缩小后仍清晰。