图片工具 / 21
Favicon转换器
将一张图片转换为完整的Favicon文件包，包含所有PNG尺寸、多分辨率favicon.ico和site.webmanifest，并打包为一个zip文件。
Favicon转换器: TOEA会将你的图片渲染为16、32、180、192和512像素的尺寸，把两个较小尺寸打包为多分辨率favicon.ico，写入匹配的site.webmanifest，并将全部7个文件一起压缩。 完全在浏览器中本地运行，文件不会上传到服务器。
- 类别
- 图片工具
- 使用次数
- 在浏览器中
- 费用
- 免费·无需注册
- 可用性
- 可直接使用
完全在浏览器中运行
PNG、JPG、WebP或SVG · 1024 × 1024或更大尺寸效果最佳
将ICO文件保留在根目录
即使没有页面链接到/favicon.ico，浏览器也会从网站根目录请求它；一些订阅源阅读器、书签工具和爬虫也不会查找其他位置。因此，请将ICO文件放在根目录，而不是图片文件夹中。如果页面头部确实链接了图标，浏览器会优先使用这些链接，这样PNG文件可以服务现代浏览器，而ICO则兼容其他浏览器。 MDN 图标文档.
调整清单文件
生成的site.webmanifest会将网站名称同时用于name和short_name。短名称会显示在主屏幕图标下方，约12个字符后就可能被截断，因此名称较长时应将其缩短。图标列表中没有"purpose": "maskable"，因此Android可能会将图标缩小并放在白色圆形内。要填满启动器的形状，请添加一个单独的可遮罩图标，并让重要内容位于中央圆形（宽度的80%）以内。
使用方法
- 选择一张方形图片，建议尺寸为512 × 512或更大。
- 设置清单文件使用的网站名称和主题颜色。
- 构建文件包并下载zip文件。
隐私与限制
图片不会离开你的浏览器：所有尺寸、ICO容器和zip文件都在你的设备上完成组装。带透明效果的源图片会保持透明。
相关工具
常见问题
zip文件中有什么？
其中包含favicon.ico、favicon-16x16.png、favicon-32x32.png、apple-touch-icon.png、android-chrome-192x192.png、android-chrome-512x512.png和site.webmanifest，也就是Favicon生成器通常生成的同一组文件。
favicon.ico中是否包含多个尺寸？
是的。其中包含16 × 16和32 × 32两张图片，并以PNG条目的形式存储，因此可以保留Alpha通道。
这些文件应该放在哪里？
将它们解压到网站根目录，然后在HTML的head中引用favicon-32x32.png、favicon-16x16.png和apple-touch-icon.png，并将清单链接指向site.webmanifest。
为什么上传后图标看起来还是不对？
浏览器会积极缓存Favicon，并且缓存方式与普通文件分开。直接打开PNG网址，或在无痕窗口中检查，以确认新文件是否正在提供。
免费工具·使用在浏览器中次·无需账户