Favicon生成器帮助你从一张图片自动生成网站所需的全部图标文件：浏览器标签图标(favicon.ico)、Apple Touch Icon(iOS主屏图标)、Android Chrome图标(manifest)、Windows磁贴图标(browserconfig)等。同时生成可直接复制粘贴到HTML <head>中的完整meta代码。100%浏览器端Canvas处理，图片不会上传到任何服务器。
| 尺寸 | 文件名 | 用途 |
|---|---|---|
| 16×16 | favicon-16x16.png | 浏览器标签图标（标准） |
| 32×32 | favicon-32x32.png | 浏览器标签图标（高分屏） |
| 48×48 | favicon.ico | 传统ICO格式（含16+32+48） |
| 64×64 | favicon-64x64.png | Windows快捷方式图标 |
| 96×96 | favicon-96x96.png | Google TV / 高分屏 |
| 128×128 | favicon-128x128.png | Chrome Web Store |
| 180×180 | apple-touch-icon.png | iOS Safari添加到主屏幕 |
| 192×192 | android-chrome-192x192.png | Android Chrome主屏图标 |
| 512×512 | android-chrome-512x512.png | Android Splash / PWA |
| 150×150 | mstile-150x150.png | Windows磁贴图标 |
新建网站时一次性生成所有平台需要的图标文件和HTML代码，无需手动裁切多个尺寸。
品牌升级换Logo时，快速重新生成全部尺寸的Favicon和对应HTML代码。
生成PWA（渐进式Web应用）所需的192×192和512×512图标，以及manifest.json图标配置代码。
生成Apple Touch Icon(180×180)和Android Chrome图标，确保用户添加到主屏时显示高质量图标。
生成Open Graph和Twitter Card所需的图标尺寸，提升社交分享时的品牌展示。
管理多个网站时，快速为每个站点生成完整的Favicon套件。
SEO审计发现缺少Favicon或尺寸不全时，快速生成并获取正确的HTML代码修复问题。
生成mstile图标和browserconfig.xml配置代码，优化Windows/Edge浏览器的图标显示。
点击上传区域或拖拽图片到页面。建议使用512×512像素以上的正方形PNG图片（支持透明背景）。也支持JPG、SVG、GIF、WebP格式。
上传后显示原图信息和10种尺寸的预览。可设置网站路径前缀（默认"/"）、透明图的背景色填充、是否使用iOS风格圆角。
每个尺寸下方有PNG下载按钮。点击"📦 打包下载全部"一次性下载所有图标文件。ICO格式包含16+32+48三个尺寸。
在"HTML代码"区域查看完整的<head>内嵌代码，包含favicon.ico、Apple Touch Icon、Android manifest和MS Tile等全部声明。点击复制按钮一键复制到剪贴板。
将下载的图标文件上传到网站根目录（或指定路径），将HTML代码粘贴到页面<head>区域即可。
清除浏览器缓存后访问网站，检查标签页图标、书签图标、手机主屏图标是否正确显示。
建议512×512像素以上的正方形PNG（支持透明），也可以用JPG、SVG、GIF、WebP。非正方形图片会居中裁切。
生成的favicon.ico包含16×16、32×32、48×48三个尺寸，浏览器会自动选择最合适的尺寸显示。
不会。所有图片处理100%在浏览器端通过Canvas API完成，图片不会离开你的设备，完全保护隐私。
不同平台和设备需要不同尺寸：浏览器标签用16/32，iOS主屏用180，Android用192/512，Windows磁贴用150。一套完整的Favicon确保在所有场景下都显示清晰图标。
虽然现代浏览器支持SVG Favicon，但兼容性不如ICO/PNG。建议同时提供ICO和PNG作为后备。本工具生成的HTML代码已包含SVG声明。
启用后会为Apple Touch Icon等大尺寸图标添加iOS风格的圆角，模拟在iPhone主屏上的实际显示效果。
Web App Manifest是PWA的核心配置文件，定义了应用图标、名称等信息。Android Chrome根据manifest.json显示主屏图标。