UltKit

ICO转SVG转换器

把Windows图标或网站favicon放进.svg文件,供只接受SVG的工具使用。图标的像素仍然是像素,因此本页也会介绍如何得到真正的矢量路径,或者干脆导出一张更大的PNG。

图片格式转换

或将JPG, JPEG, JPE … 文件拖放到此处 ·

单个文件最大 95 MB· 最多 20 个文件· 30 分钟后删除

输出

文件在我们的服务器上处理,并在 30 分钟后删除。

使用方法

  1. 1

    上传.ico文件

    来自网站的 favicon.ico,或 Windows 程序里的图标。每批最多 20 个文件。

  2. 2

    点击“转换为 SVG”

    ICO 中尺寸最大的图像会被放进一个 SVG 文档,并完整保留透明度。

  3. 3

    确定下一步需要什么

    可以直接使用这个 SVG,也可以将其描摹为可缩放的路径,如果只需要图片,还可以提取为 PNG。

答案

ICO 转 SVG 后,图标就能无损缩放了吗?

不能。ICO 里只有位图,所以 SVG 只是把其中最大的一张连同像素和透明度包了起来。想要任意尺寸都清晰的图标,请进行描摹;想要更大的图片文件,请提取为 PNG。

本页功能

封装式 SVG

把 ICO 中最大的位图放进 .svg 文件。

  • 外观与原图标完全一致
  • 保留透明度
  • 放大后会变模糊
适用于: 只接受 .svg 扩展名的上传
描摹

描摹式 SVG

通过图片转SVG把边缘变成矢量路径。

  • 可缩放到任意尺寸
  • 颜色和形状可编辑
  • 细小的细节可能被简化
适用于: Logo、刻字机、印刷
提取

从 ICO 提取 PNG

把最大的图标图像保存为 PNG。

  • 随处可打开
  • 无损且透明
  • 像素尺寸固定
适用于: 文档、幻灯片和编辑器

ICO转SVG:只是包裹像素,并非矢量图

ICO 格式可以追溯到 1985 年的 Windows 1.0,1999 年 Internet Explorer 5 开始查找 /favicon.ico 后,它成了网站图标的格式。一个文件里存放多张方形位图,Windows 和浏览器可以挑选合适的尺寸:浏览器标签用 16 px,任务栏和桌面用 32 或 48 px,从 Windows Vista 起还有以压缩 PNG 数据存储的 256 px 图像。在这个结构里,没有任何路径、曲线或填充。

SVG 自 2001 年起成为 W3C 标准,既可以包含矢量形状,也可以内嵌位图。转换 ICO 时,真实可行的输出只有后一种。SVG 会获得图标的宽高和一个包含像素的图像元素,因此在浏览器、Figma 或幻灯片中的显示效果与 ICO 完全相同。放大后看到的仍是同样的像素,因为并没有重新绘制任何内容。

ICO中的图标尺寸,以及为何最大尺寸最关键

1:1

16 × 16 px

浏览器标签网站图标

太小,难以描摹出好效果

1:1

32 × 32 px

高分屏标签、任务栏

favicon.ico 常见的最大尺寸

1:1

48 × 48 px

桌面图标(Windows)

大多数程序图标都包含

1:1

256 × 256 px

大图标视图

描摹或提取 PNG 的最佳来源

ICO

Windows 图标

ICO 是微软的图标格式,用于 Windows 程序图标和网站 favicon。一个 .ico 文件可包含多种尺寸的图像,例如 16×16、32×32、48×48 和 256×256 像素,系统可选择最合适的一个。每个图像可存为位图或 PNG 数据,并支持完整的 Alpha 透明度。ICO 不适合照片或大幅图稿。浏览器、Windows 和大多数图标编辑器都能读取。

压缩方式
无损
透明度
支持
动画
不支持
发布年份
Microsoft
ICO 转换器

SVG

可缩放矢量图形

SVG 是基于 XML 的矢量格式,2001 年由 W3C 标准化。它描述的是形状、路径和文本,而不是像素,因此在任何尺寸下都保持清晰,用于徽标和图标时通常很小。它支持透明、CSS 样式、脚本和动画,所有浏览器都能原生渲染。SVG 不适合照片,复杂的插画渲染也可能变慢。Illustrator、Inkscape、Figma 和浏览器都可以打开并编辑。

压缩方式
–
透明度
支持
动画
支持
发布年份
2001 · W3C
SVG 转换器

当设计工具、图标库或网站模板要求使用 SVG,而 Logo 只剩下 favicon 或 Windows 图标时,人们就会搜索 ICO 转 SVG;这通常是得到描摹矢量图的第一步。

将图标描摹成真正的SVG路径

如果目标是可缩放的 Logo,封装式 SVG 充其量只是一个过渡。请把图标交给图片转SVG处理:它会沿着颜色边缘生成路径,你可以缩放、改色和切割。效果取决于源图尺寸,程序图标中的 256 px 图像比 16 px 的 favicon 描摹效果好得多。我们的教程PNG 转 SVG介绍了保留多少种颜色以及如何让曲线更平滑。

如果只是想在文档或编辑器中使用这个图标,可以完全跳过 SVG,用 ICO转PNG把最大的图像取出为 PNG。反过来,从矢量 Logo 生成多尺寸网站图标,则要用 SVG转ICO。

ICO转SVG常见问题

ICO文件能变成真正的矢量SVG吗?

仅靠转换做不到。ICO 里只有位图,尺寸从 16 × 16 到 256 × 256 px,没有可以直接沿用的形状。真正的路径必须根据像素描摹得出,这正是图片转SVG所做的事。

.ico中的哪个尺寸会放进SVG?

使用最大的那张,因为它的细节最多。常见的 favicon.ico 最大只有 32 或 48 px,而 Windows 应用程序图标通常包含 256 px 的版本。

封装后的SVG能用作网站favicon吗?

Chrome 和 Firefox 支持 SVG 网站图标,但如果 SVG 里只是一张 32 px 的位图,相比原来的 ICO 并没有任何好处。只有当 SVG 中是真正的路径、在高分屏上依然清晰时,用它做网站图标才有意义。

为什么描摹favicon会得到一团团的形状?

32 px 的图标只有 1,024 个像素,而描摹是根据边缘来推测曲线的,像素越少,推测就越粗糙。想得到干净的轮廓,请描摹 Windows 图标中的 256 px 图像,或者找到原始 Logo。

图标的透明背景会保留吗?

会。ICO 图像带有 Alpha 通道,SVG 会将其保留,因此图标可以放在页面或设计工具提供的任何背景上。

之后能在Inkscape或Figma中给图标改色吗?

无法逐个形状修改,因为 SVG 里只有一张内嵌图片。你可以对它整体添加滤镜或叠加层;若要分别调整各形状的颜色,请先进行描摹。