跳到主要内容

SVG 转 ICO 转换器

添加 SVG 标志,输出选择 ICO,点击转换。SVG 会在浏览器中绘制,并缩放成 16、32 和 48 像素的正方形图标,尺寸足够时再加入 64、128 和 256 像素,全部放进一个 ICO 文件,最大 256 × 256。非正方形的标志两侧会留出空白,透明保持不变。外部图片和字体不会加载。文件不会离开你的设备。

  • 免费,无需注册
  • 文件不会离开你的设备
  • 每个文件最大 50 MB
输出格式

ICO 是无损格式,所以没有质量设置。文件中包含 16、32 和 48 像素的正方形图标;图片足够大时,还会加入 64、128 和 256 像素。

你的文件不会离开你的设备;图片在浏览器中处理。输出不会带上 EXIF 和位置信息。

如何把 SVG 转换成 ICO

  1. 添加你的 SVG 文件

    把图片拖到上传区域,或点击选择文件;可以一次添加多个。

  2. 输出保持为 ICO

    已经选好 ICO。对于有质量设置的格式,滑块的默认值因格式而异(JPG 90、WebP 80、AVIF 60);想要更小的文件,可以调低。

  3. 转换并下载

    点击“转换”。每个文件都在你的浏览器中处理,结果可以逐个下载,也可以打包成 ZIP。

哪些内容会保留?

保留

  • 图片的比例(非正方形的图片会放进正方形中)
  • 照片的正确方向(会应用 EXIF 方向)
  • 颜色(转换为 sRGB)
  • 透明(Alpha 通道)

会改变

  • 图片不会保持单一尺寸:它会被缩放成 16、32 和 48 像素的正方形图标(图片足够大时还有 64、128 和 256 像素),并打包进一个 ICO 文件;非正方形的图片两侧会留出空白
  • 矢量图会变成像素;输出固定为所选尺寸

不会带入

  • EXIF、位置和相机信息:为保护隐私,不会写入输出
  • 无限缩放的能力:像素图放大后会出现马赛克

适合什么时候用

用矢量标志生成 favicon.ico

手上只有 SVG 标志时,直接转成 favicon.ico 放到网站根目录,旧浏览器和收藏夹都能显示。

给桌面程序做清晰的图标

从矢量图生成每一种尺寸,图标在高分辨率屏幕和小尺寸任务栏上都更清楚。

需要了解的限制

  • SVG 引用的外部图片和字体不会被加载;文字可能会用系统字体绘制。
  • ICO 最大 256 × 256 像素,所以更大的图片会被缩小。如果你需要网站的整套图标(Apple 和 Android 图标、manifest),请使用站点图标生成器。
  • 每个文件最大 50 MB;输出的任意一边最多 16,384 像素。
  • 在 iPhone 和 iPad 上,受浏览器限制,超过约 1600 万像素的图片可能无法处理。

关于这些格式

什么是 SVG?

SVG 用 XML 中的形状、路径和文字来描述图像,而不是像素,所以在任何尺寸下都清晰。它非常适合标志、图标和插画。当程序或网站需要像素图片时,SVG 会按所选尺寸渲染成 PNG 等位图格式。

什么是 ICO?

ICO 是一种图标格式,可以在一个文件里保存多个正方形尺寸(例如 16、32 和 48 像素)。它用于 Windows 图标和网站的 favicon.ico;浏览器需要标签页上的小图标时,会从文件里挑出合适的尺寸。它支持透明,但不能超过 256 × 256 像素。

常见问题

细节很多的标志在 16 像素下还看得清吗?

很难。16 像素只能容纳最简单的形状,建议准备一个只保留标志主体、去掉文字的简化版 SVG 来做图标。

SVG 做图标比 PNG 好在哪里?

SVG 是矢量的,会先绘制成足够大的图片,再缩小成各个图标尺寸,不需要把小位图放大,所以 256 像素的图标也能保持清晰。

有了 SVG 图标,还需要 favicon.ico 吗?

新浏览器可以直接使用 SVG 图标,但部分旧浏览器和工具仍会查找 favicon.ico。站点图标生成器可以一次生成两者以及其他平台的图标。

把 SVG 转换成 ICO 免费吗?

是的,完全免费。无需账号、订阅,也没有水印;添加文件就可以转换。

我的文件会被上传吗?

不会。图片在你的浏览器中处理,不会离开你的设备,所以等待时间取决于文件大小和你的设备。输出不会带上 EXIF 和位置信息。