无需登录 数据私有 本地保存

全平台 Favicon 生成器 - 适配 iOS/Android/Windows

10
0
0
0
拖拽图片到此处 或 点击上传
支持 PNG、JPG、SVG、WebP、GIF — 建议 ≥ 512×512px
常见问题 & 知识点
什么是 Favicon？为什么需要多种尺寸？
Favicon（Favorite Icon）是网站在浏览器标签页、书签栏、收藏夹中显示的小图标。不同平台和设备需要不同尺寸：浏览器标签页通常使用 16×16 或 32×32，iOS 主屏幕需要 180×180，Android 需要 192×192 和 512×512，Windows 磁贴需要多种尺寸。提供完整的图标集可确保网站在所有平台上都有清晰、专业的展示。
Apple Touch Icon 是什么？
Apple Touch Icon 是 iOS 设备上用户将网页添加到主屏幕时显示的图标。Apple 推荐使用 180×180px 的 PNG 图标。iOS 系统会自动添加圆角和阴影效果，因此只需提供方形图标即可。使用 <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> 来指定。
Android Chrome 和 PWA 图标有什么要求？
Android Chrome 使用 Web App Manifest（manifest.json）来定义图标。需要至少提供 192×192 和 512×512 两个尺寸的 PNG 图标。512×512 用于 PWA 安装时的闪屏和高质量展示。manifest.json 中还包含应用名称、主题色等信息，是 PWA 的核心配置文件。
Windows 磁贴图标还需要吗？
Windows 磁贴主要用于旧版 Windows 8/8.1 和 Windows Phone。虽然使用率在下降，但如果你的网站可能被 Windows 用户固定到开始菜单，提供磁贴图标仍是好的实践。需要 browserconfig.xml 或 HTML meta 标签来指定磁贴图标。Windows 10/11 的 Edge 浏览器已转向使用标准 favicon。
favicon.ico 和 PNG favicon 有什么区别？
favicon.ico 是传统的 Windows 图标格式，可以在单个文件中包含多个尺寸（16×16、32×32、48×48）。现代浏览器（Chrome、Firefox、Safari、Edge）都支持 PNG 格式的 favicon。推荐做法：同时提供 favicon.ico（兼容旧浏览器）和 PNG 图标（现代浏览器优先使用）。本工具生成的 favicon.ico 包含 16×16 和 32×32 两个尺寸。
生成的图标文件应该放在网站的什么位置？
推荐将所有图标文件放在网站根目录（如 /）或专门的 /icons/ 目录中。favicon.ico 建议放在根目录，因为部分旧浏览器会默认请求 /favicon.ico。其他图标通过 HTML link 标签指定路径，可以放在任意位置。manifest.json 和 browserconfig.xml 通常也放在根目录。
上传的图片应该是什么格式？多大尺寸最好？
推荐上传 PNG 格式、至少 512×512px 的正方形图片。PNG 支持透明背景，是图标的最佳格式。如果上传非正方形图片，工具会自动从中心裁剪为正方形。也支持 SVG（矢量图），但建议先导出为高分辨率 PNG 以获得最佳效果。避免使用有损压缩的 JPG 格式作为图标源。
如何验证 favicon 是否生效？
部署图标后，可以通过以下方式验证：1) 在浏览器中访问 https://你的域名/favicon.ico 查看是否显示；2) 打开浏览器开发者工具，检查 Network 标签中图标文件是否正常加载（状态码 200）；3) 使用 Chrome 的 Lighthouse 审核工具检查 PWA 图标配置；4) 清除浏览器缓存后访问网站，观察标签页图标是否更新。
🔧 相关工具