免费浏览器矢量化工具

图标转 SVG 转换器

将光栅图标转换为可编辑 SVG 几何,用于界面、文档或设计系统。本页支持图像文件,不支持 `.ico` 容器。

将图像拖到此处

PNG、JPG/JPEG、WebP、AVIF 或 BMP · 最多 100 张 · 每张 5 MB

选择 SVG 结果

比较 SVG 结果,选择更合适的一个。

图标转 SVG 后有什么变化?

光栅图标是固定像素网格。图标转 SVG 描摹将剪影和颜色区域重建为路径,让填充可编辑,并可按不同尺寸渲染几何图形。

小图标会显露每处描摹误差

一个像素的波动或浅色抗锯齿边缘都可能成为可见几何。尽量从尺寸最大、清晰的副本开始,对简单符号比较黑白模式或有限颜色数。

图标集需要一致选择

同一视觉系统中的图标,批量处理时宜采用相同颜色模式和简化程度。所有图像处理完成后,批量编辑可应用这些更改。

SVG 无法恢复语义图层

描摹重建可见形状,无法知道原对象是描边、文字图层还是可复用组件。添加到设计系统前请检查路径。

选择适合图稿的颜色和 SVG

调色板步骤统计可见 SVG 颜色,包括白色,不包括透明区域。只有一组调色板或一个结果时跳过额外步骤。点击应用;方向键高亮,Enter 确认。“更改选择”重新打开比较。大面积灰度和不透明度区域可保留为独立颜色,而非单一二值蒙版。

阈值、平滑、圆形、裁切和与源图像对齐的缩放说明,请参阅设置参考。

如何使用图标转 SVG 转换器

  1. 1

    添加一张或多张光栅图标

    选择或拖入最多 100 张光栅图标,每个文件最多 5 MB,在浏览器中处理。

  2. 2

    选择矢量图用途

    选择网页、标志、照片、Cricut、激光切割或其他用途。这会改变测试的描摹候选和结果检查方式。

  3. 3

    检查并下载 SVG

    如有多个选项,先选择调色板,再选择 SVG 结果;只有一个选项时跳过相应步骤。比较预览、调整相关设置,下载单个 SVG 或已完成批次。

为什么用 VectorizeThis 将图标转 SVG?

真实 SVG 路径

结果包含描摹几何,不会在 SVG 容器中放入原始位图。

本地处理

转换在设备上运行,矢量化期间不上传源图像。

比较多个候选方案

单色图稿比较六种经过评审的方法。彩色图稿可提供最多四组相关调色板及不同 SVG 结果。照片和复杂插画采用各自的自动搜索。

可编辑颜色控件

适用时可更改描摹调色板并重新计算,无需从头开始。

背景处理

检查结果时,可检测并移除均匀连通的背景。

批量流程

处理多张图像,分别或批量调整,一起下载已完成 SVG。

图标转 SVG 常见问题

关于真正的矢量描摹、源质量、编辑和浏览器本地处理的解答。

如何使用图标转 SVG 转换器?

在上方添加图像,选择用途,等待 VectorizeThis 比较合适的描摹。复制代码或下载前请检查 SVG。

图标转 SVG 免费吗?

免费,使用转换器和下载 SVG 无需账号或付款。

输出包含真正的矢量路径吗?

包含。输出为可见像素区域重建的 SVG 路径几何,不是简单嵌入源图像。

PNG 图标可以转 SVG 吗?

可以。添加 PNG 图标文件,VectorizeThis 会将可见区域描摹为 SVG 路径。透明 PNG 图标通常是实用的源文件。

本页支持 ICO 文件吗?

不支持。请使用 PNG、JPG/JPEG、WebP、AVIF 或 BMP 光栅图标;`.ico` 容器不属于支持的输入。

单色图标适合什么颜色模式?

自动检测对单一前景颜色采用单色描摹,包括白底单色图。大面积灰度或不透明度区域可在彩色描摹中保持独立。支持的彩色结果可在高级设置强制单色;单色结果提供自动或手动阈值。

哪些图像能得到较简洁的矢量结果?

边缘清晰的标志、图标、线稿、剪影和平面插画通常较适合。纹理、柔和阴影、渐变和噪点需要更多路径。

源图像会离开浏览器吗?

矢量化在浏览器本地运行。只有明确将图像附加到反馈表单并提交时才会发送。

转换后可以编辑 SVG 吗?

可以。通过可用色板重新着色、复制 SVG 代码,或在兼容矢量软件中打开下载的路径。

此转换器适合的用途

界面符号

将简单像素符号转换为网页界面中可重新着色的路径。

图标集

处理多个相关光栅图标,批量应用一致设置。

文档符号

为图表、指南和帮助内容生成可缩放图稿。

相关矢量化指南

图标转 SVG 转换器

添加源图像,选择用途,下载前比较生成的矢量图。

图标转 SVG 转换器