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

多尺寸Favicon导出器 - 生成全平台图标包

开发工具 资源 Favicon 图标 多尺寸 导出
51
0
0
0

🎯 多尺寸Favicon导出器

上传一张图片，自动生成覆盖所有主流平台的全套图标包：favicon.ico、Apple Touch Icon、Android Chrome、PWA Manifest 图标

拖拽图片到此处，或点击上传

支持 PNG / JPG / WebP / SVG / BMP

建议上传至少 512×512 像素的方形图片

上传图片后，生成的图标将在此处展示

❓ 常见问题 & 知识点

Favicon（Favorite Icon）是网站在浏览器标签页、书签栏、历史记录中显示的小图标。不同平台和设备需要不同尺寸：桌面浏览器常用16×16和32×32，iOS设备需要180×180的Apple Touch Icon，Android需要192×192和512×512用于PWA。提供完整尺寸包可确保在所有场景下都显示清晰的图标。

建议上传至少512×512像素的PNG图片（带透明背景更佳），以确保最大尺寸图标清晰。图片会自动裁剪为中心正方形。避免使用复杂细节的图片——favicon尺寸很小，简约设计效果最好。支持PNG、JPG、WebP、SVG、BMP格式。

favicon.ico是Windows传统的图标格式，支持在一个文件中嵌入多个尺寸（如16×16、32×32、48×48）。虽然现代浏览器也支持PNG格式的favicon，但使用.ico文件兼容性最好（尤其是旧版IE）。本工具生成的.ico包含3个尺寸，确保最大兼容性。

将所有生成的图标文件上传到网站根目录，然后复制本工具提供的HTML代码粘贴到网页的<head>标签内。同时将site.webmanifest文件也上传到根目录。部署后可能需要清除浏览器缓存才能看到新图标。

浏览器会积极缓存favicon。尝试以下方法：① 在图标URL后添加版本参数（如?v=2）；② 清除浏览器缓存；③ 使用隐私/无痕模式查看；④ 在Chrome中访问chrome://favicon/你的域名查看缓存图标；⑤ 有时需要等待24-48小时浏览器才会刷新。

site.webmanifest是PWA（渐进式Web应用）的配置文件，告诉浏览器如何将网站"安装"到设备主屏幕。虽然不是必须的，但使用manifest可以让你的网站在Android设备上以类原生应用的方式展示，提升用户体验。它需要配合192×192和512×512图标使用。
🔧 相关工具