EzDev

SVG 转 ICO 转换器

在浏览器本地将 SVG 生成为网站图标包,包含固定尺寸 ICO、Apple 和 Android PNG,支持自定义 PNG 尺寸与背景预览。
拖放 SVG 文件到这里
仅支持 SVG,最大 2 MB

180 × 180 输出 apple-touch-icon.png;192 × 192、512 × 512 用于 Manifest。Apple 图标在透明背景模式下自动使用白色背景。

favicon.ico 固定包含 16 × 16、32 × 32、48 × 48。

PNG 的预设和自定义尺寸不会改变 ICO 内容,也不会额外导出 ICO 内部的小尺寸 PNG。

选择 SVG 后点击「转换并预览」。

使用方法

  1. 上传不超过 2 MB 的 SVG,或粘贴完整 SVG 源码。
  2. 在「输出 PNG」中选择 180、192、512 预设尺寸,或添加自定义宽高,范围均为 1–512 像素。最多选择 20 个不同的 PNG 尺寸。
  3. 「输出 ICO」固定合并 16 × 16、32 × 32、48 × 48,不受 PNG 选择影响。
  4. 选择背景,点击「转换并预览」,再点击「下载文件」保存 ZIP。修改输入或配置后需要重新转换。

下载内容

默认输出目录如下,解压后将 favicon.ico 和 favicon/ 文件夹复制到网站的 public/ 目录:

favicon.ico
favicon/
├── favicon.svg
├── apple-touch-icon.png
├── favicon-192x192.png
└── favicon-512x512.png
  • favicon.ico 固定包含 16、32、48 三种尺寸,不额外导出这些尺寸的 PNG;需要独立 PNG 时可添加自定义尺寸。
  • favicon.svg 保留输入源码,不应用背景和尺寸设置。
  • 180 × 180 仅输出 apple-touch-icon.png,不生成重复文件。透明背景模式下,该图标自动填充白色背景;其他 PNG 和 ICO 仍保留透明背景。选择白色或自定义背景时,所有位图使用该背景。
  • 192 × 192、512 × 512 用作 Manifest 图标。其他自定义尺寸命名为 favicon-宽度x高度.png。
  • 取消所有 PNG 尺寸仍可生成 ICO 和 SVG;添加自定义 PNG 尺寸不会改变 ICO。
  • ZIP 文件名沿用上传文件名,粘贴源码和示例默认使用 favicon.zip。

网站仍需在 head 中声明图标路径,并通过 Web App Manifest 引用 Android 图标。工具不生成站点专属 Manifest、社交封面或专用 maskable 图标。

示例

点击「示例」,会生成绿色勾选图标的三个 PNG 预览及固定尺寸 ICO;下载的 ZIP 使用上述目录结构。点击「清空」恢复默认输入和配置。

注意事项

  • 所有处理在浏览器本地完成,不上传文件。SVG 必须包含 xmlns="http://www.w3.org/2000/svg",以及有效的 viewBox 或以像素表示的正数宽高。
  • 保持原图比例并居中绘制,不拉伸、不裁剪。背景设置不会移除 SVG 自带的背景。棋盘格仅用于预览,不写入图片。
  • 不支持外部图片、外部 CSS、脚本、事件属性、DOCTYPE 或 foreignObject。图片可使用 PNG、JPEG 或 WebP 的 Base64 数据嵌入;建议将文字转为路径,动画 SVG 先导出为静态图形。
  • ICO 内部使用 PNG,适用于现代浏览器和系统,部分旧版软件可能不支持。
  • ZIP 使用浏览器原生 Deflate 压缩;不支持或压缩后未变小时使用存储模式,PNG 不保证进一步减小体积。