Favicon 转换器

将图片转换为 Favicon 格式

文件不会离开你的设备
在浏览器本地运行
免费、免注册、无水印

拖放 Logo 或图片到这里，或点击选择

使用至少 512 × 512 px 的方形图片效果最清晰，SVG 最佳。

如何使用Favicon 转换器

把 Logo 或图片转成整套网站图标：favicon.ico、各尺寸 PNG、Apple 与 Android 图标、网页应用清单和 HTML 标签。全部在浏览器中生成，SVG 源图还会输出清晰的 favicon.svg。

把 Logo 或图片拖到页面上、点击选择，或用 Ctrl+V 粘贴，支持 PNG、JPG、SVG、WebP、GIF、AVIF、ICO、HEIC。

在「适配方式」中选择「完整显示」或「裁剪为方形」；Logo 四周有透明留白时，打开「裁掉空白边缘」。

在「图标样式」里设置背景（无、纯色、渐变）、形状和内边距，同时查看浏览器标签页和主屏幕预览。

填写「网站信息」（网站名称、短名称、主题色、图标所在路径），并在「输出」中勾选需要的尺寸。

点击「下载图标包（ZIP）」，把文件上传到网站，再把「粘贴到 <head> 中」里的标签复制到页面。

常见问题

Logo 会上传到服务器吗？

不会。所有图标都在浏览器里用 canvas 绘制，图片不会离开你的设备。

图标包里有哪些文件？

favicon.ico（默认含 16、32、48 px，最高可选 256 px）、favicon-16x16.png 和 favicon-32x32.png 及你勾选的额外 PNG 尺寸、apple-touch-icon.png（180 px）、android-chrome 192 和 512 px、maskable-icon-512x512.png、site.webmanifest 和 favicon-snippet.html。「文件」列表里也能单独下载任意一个。

源图片用什么规格最好？

至少 512 × 512 px 的方形图片。更小的图片会被放大，页面会提示可能发虚。SVG 最理想：任何尺寸都清晰，并且图标包会多出 favicon.svg。

Logo 不是正方形怎么办？

「完整显示」会保留整个 Logo，四周留白；「裁剪为方形」会铺满图标，长边多出的部分会被裁掉。

为什么 Apple 触摸图标是白底的？

iOS 主屏幕图标不支持透明，所以 apple-touch-icon.png 和 maskable 图标始终是不透明的方形。背景选「无」时会填充白色，maskable 图标还会把图案收在安全区内，避免被 Android 裁成圆形时切掉。

和「Favicon 生成器」有什么区别？

转换器从你现有的图片开始；生成器则用文字、Emoji 或开源图标来制作图标，输出的图标包相同。