正在分析图像…
未发现明确的画布背景,SVG 保持不变。
免费浏览器矢量化工具
将光栅图标转换为可编辑 SVG 几何,用于界面、文档或设计系统。本页支持图像文件,不支持 `.ico` 容器。
PNG、JPG/JPEG、WebP、AVIF 或 BMP · 最多 100 张 · 每张 5 MB
正在准备矢量化工具…
第 2 步
我们将自动调整描摹、评分、清理和 SVG 输出准备。
如果转换似乎停止或卡住,请让此标签页至少有一个像素显示在屏幕上,避免浏览器将其转入后台,保持转换继续运行。
在 Chrome 中,将转换器置于后台标签页会停止转换。将其作为后台窗口中的当前标签页,似乎可以让转换继续。
正在分析图像…
未发现明确的画布背景,SVG 保持不变。
光栅图标是固定像素网格。图标转 SVG 描摹将剪影和颜色区域重建为路径,让填充可编辑,并可按不同尺寸渲染几何图形。
一个像素的波动或浅色抗锯齿边缘都可能成为可见几何。尽量从尺寸最大、清晰的副本开始,对简单符号比较黑白模式或有限颜色数。
同一视觉系统中的图标,批量处理时宜采用相同颜色模式和简化程度。所有图像处理完成后,批量编辑可应用这些更改。
描摹重建可见形状,无法知道原对象是描边、文字图层还是可复用组件。添加到设计系统前请检查路径。
调色板步骤统计可见 SVG 颜色,包括白色,不包括透明区域。只有一组调色板或一个结果时跳过额外步骤。点击应用;方向键高亮,Enter 确认。“更改选择”重新打开比较。大面积灰度和不透明度区域可保留为独立颜色,而非单一二值蒙版。
阈值、平滑、圆形、裁切和与源图像对齐的缩放说明,请参阅设置参考。
选择或拖入最多 100 张光栅图标,每个文件最多 5 MB,在浏览器中处理。
选择网页、标志、照片、Cricut、激光切割或其他用途。这会改变测试的描摹候选和结果检查方式。
如有多个选项,先选择调色板,再选择 SVG 结果;只有一个选项时跳过相应步骤。比较预览、调整相关设置,下载单个 SVG 或已完成批次。
结果包含描摹几何,不会在 SVG 容器中放入原始位图。
转换在设备上运行,矢量化期间不上传源图像。
单色图稿比较六种经过评审的方法。彩色图稿可提供最多四组相关调色板及不同 SVG 结果。照片和复杂插画采用各自的自动搜索。
适用时可更改描摹调色板并重新计算,无需从头开始。
检查结果时,可检测并移除均匀连通的背景。
处理多张图像,分别或批量调整,一起下载已完成 SVG。
关于真正的矢量描摹、源质量、编辑和浏览器本地处理的解答。
在上方添加图像,选择用途,等待 VectorizeThis 比较合适的描摹。复制代码或下载前请检查 SVG。
免费,使用转换器和下载 SVG 无需账号或付款。
包含。输出为可见像素区域重建的 SVG 路径几何,不是简单嵌入源图像。
可以。添加 PNG 图标文件,VectorizeThis 会将可见区域描摹为 SVG 路径。透明 PNG 图标通常是实用的源文件。
不支持。请使用 PNG、JPG/JPEG、WebP、AVIF 或 BMP 光栅图标;`.ico` 容器不属于支持的输入。
自动检测对单一前景颜色采用单色描摹,包括白底单色图。大面积灰度或不透明度区域可在彩色描摹中保持独立。支持的彩色结果可在高级设置强制单色;单色结果提供自动或手动阈值。
边缘清晰的标志、图标、线稿、剪影和平面插画通常较适合。纹理、柔和阴影、渐变和噪点需要更多路径。
矢量化在浏览器本地运行。只有明确将图像附加到反馈表单并提交时才会发送。
可以。通过可用色板重新着色、复制 SVG 代码,或在兼容矢量软件中打开下载的路径。
将简单像素符号转换为网页界面中可重新着色的路径。
处理多个相关光栅图标,批量应用一致设置。
为图表、指南和帮助内容生成可缩放图稿。
17 个转换器
根据图像格式或工作流程选择转换器。所有工具都在浏览器中生成可编辑的 SVG 路径。
添加源图像,选择用途,下载前比较生成的矢量图。
图标转 SVG 转换器