ICO转SVG转换器
把Windows图标或网站favicon放进.svg文件,供只接受SVG的工具使用。图标的像素仍然是像素,因此本页也会介绍如何得到真正的矢量路径,或者干脆导出一张更大的PNG。
图片格式转换
或将JPG, JPEG, JPE … 文件拖放到此处 ·
单个文件最大 95 MB· 最多 20 个文件· 30 分钟后删除
文件在我们的服务器上处理,并在 30 分钟后删除。
85 可使照片在视觉上与原图无差别。只有在需要更小的文件时才调低。
JPG、BMP 和 EPS 不支持透明。透明像素会用此颜色填充。
用于透明像素底色的十六进制颜色,例如 #FFFFFF。
此格式只能保存单张图像。如需保留动画,请选择输出 GIF 或 WebP。
多尺寸图标在一个文件中包含多种分辨率,浏览器和操作系统会选用所需的尺寸。
保持原始尺寸,或输入一边的数值,自动保持宽高比。
上面所选边的像素值。
相对于原始尺寸的百分比。
屏幕和网页使用 sRGB 即可。印刷流程请保持原样;灰度会丢弃颜色。
仅写入元数据,0 表示保留原值。打印机和部分网站会读取此数值,它不会改变像素尺寸。
使用方法
- 1
上传.ico文件
来自网站的 favicon.ico,或 Windows 程序里的图标。每批最多 20 个文件。
- 2
点击“转换为 SVG”
ICO 中尺寸最大的图像会被放进一个 SVG 文档,并完整保留透明度。
- 3
确定下一步需要什么
可以直接使用这个 SVG,也可以将其描摹为可缩放的路径,如果只需要图片,还可以提取为 PNG。
ICO 转 SVG 后,图标就能无损缩放了吗?
不能。ICO 里只有位图,所以 SVG 只是把其中最大的一张连同像素和透明度包了起来。想要任意尺寸都清晰的图标,请进行描摹;想要更大的图片文件,请提取为 PNG。
封装式 SVG
把 ICO 中最大的位图放进 .svg 文件。
- 外观与原图标完全一致
- 保留透明度
- 放大后会变模糊
描摹式 SVG
通过图片转SVG把边缘变成矢量路径。
- 可缩放到任意尺寸
- 颜色和形状可编辑
- 细小的细节可能被简化
从 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中的图标尺寸,以及为何最大尺寸最关键
16 × 16 px
浏览器标签网站图标
太小,难以描摹出好效果
32 × 32 px
高分屏标签、任务栏
favicon.ico 常见的最大尺寸
48 × 48 px
桌面图标(Windows)
大多数程序图标都包含
256 × 256 px
大图标视图描摹或提取 PNG 的最佳来源
ICO
Windows 图标
ICO 是微软的图标格式,用于 Windows 程序图标和网站 favicon。一个 .ico 文件可包含多种尺寸的图像,例如 16×16、32×32、48×48 和 256×256 像素,系统可选择最合适的一个。每个图像可存为位图或 PNG 数据,并支持完整的 Alpha 透明度。ICO 不适合照片或大幅图稿。浏览器、Windows 和大多数图标编辑器都能读取。
- 压缩方式
- 无损
- 透明度
- 支持
- 动画
- 不支持
- 发布年份
- Microsoft
SVG
可缩放矢量图形
SVG 是基于 XML 的矢量格式,2001 年由 W3C 标准化。它描述的是形状、路径和文本,而不是像素,因此在任何尺寸下都保持清晰,用于徽标和图标时通常很小。它支持透明、CSS 样式、脚本和动画,所有浏览器都能原生渲染。SVG 不适合照片,复杂的插画渲染也可能变慢。Illustrator、Inkscape、Figma 和浏览器都可以打开并编辑。
- 压缩方式
- –
- 透明度
- 支持
- 动画
- 支持
- 发布年份
- 2001 · W3C
当设计工具、图标库或网站模板要求使用 SVG,而 Logo 只剩下 favicon 或 Windows 图标时,人们就会搜索 ICO 转 SVG;这通常是得到描摹矢量图的第一步。
将图标描摹成真正的SVG路径
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 里只有一张内嵌图片。你可以对它整体添加滤镜或叠加层;若要分别调整各形状的颜色,请先进行描摹。
- ICO转PNG在线转换将.ico文件转换为PNG,保留透明背景。自动提取图标中存储的最大尺寸图像,让网站图标和Windows图标输出清晰。
- SVG转ICO转换器在线将SVG转换为ICO,16到256 px的每个尺寸都从矢量直接渲染,保留透明背景。用Logo文件制作favicon.ico或Windows图标。
- PNG转SVG免费在线转换免费在线把PNG转SVG,无需注册:将Logo、图标和线稿描摹为可缩放的矢量路径。可选彩色、灰度或黑白模式,并设置颜色数量。
- ICO转JPG在线转换将.ico图标和网站favicon转换为JPG,用于报告、幻灯片、邮件和上传表单。自动选用最大尺寸的图层,透明区域填充白色或自选颜色。
- PNG转ICO转换器在线把PNG转换为ICO:一个.ico文件包含16到256 px的全部尺寸,保留透明背景。适用于网站favicon和Windows快捷方式。免费,无需注册。