PNG 与 JPG → 可编辑的 SVG 路径

图片矢量化 让像素变成可编辑图形

将标志、手绘图和像素画转换为真正的 SVG 路径。图片矢量化工具提供三种描摹预设,支持颜色简化、细节控制和路径预览。处理在浏览器本地完成,检查结果后即可下载。

真实 SVG 路径 · 三种描摹预设 · 本地处理图片 · 免费下载

图片矢量化工作区

建议从清晰的标志、平涂插画或小尺寸精灵图开始。拖动描摹参数滑块,右侧预览会自动更新。

描摹预设

拖动滑块即可预览效果。提高细节保留可留下较短轮廓;平滑程度影响曲线拟合;路径简化可减少线段。请留意小孔洞和细线的变化。

复用颜色提取工具保存的最多 32 种颜色,适用于少色插画和像素画。

先处理这张图片

这些工具会接收当前图片,并提供返回按钮。描摹参数保存在当前标签页中。

在这里查看矢量结果

选择图片或试用示例,检查图形路径、颜色和像素方块边缘。

预览背景

请选择图片开始。

输出颜色数
—
SVG 路径数
—
闭合轮廓数
—
SVG 文件大小
—
描摹分辨率
—

黑白与少色预设使用最长边不超过 1024 像素的工作图。像素画保留原始网格,上限为 1,048,576 像素、最长边 2048 像素。透明度低于 50% 的像素视为透明,其余像素转为不透明。

图片矢量化在浏览器本地完成。预览背景不会写入 SVG 文件;网站广告和分析服务仍可能发起网络请求。

先准备素材,再做图片矢量化

复用现有工具完成局部处理,让描摹的输入更清晰。

将指定颜色变透明

去除纯色背景,同时保护需要保留的主体部分。

清理图片背景

提取并复用配色

先确定少量代表色,再将现有配色用于图片转 SVG。

提取图片颜色

替换指定颜色

先修正干扰色,减少相近颜色产生的碎小图形区域。

替换图片颜色

从图形特点选择图片矢量化方式

配图用于解释工作流程,实际描摹效果取决于源图质量和参数。

线稿、插画和像素画,分别控制边界

黑白预设适合线稿,少色预设适合平涂插画,像素画预设沿原始网格保留方块边缘。对比原图、填色结果和路径轮廓,判断细节发生了哪些变化。照片会变成简化图形,位图转矢量图无法还原原图中不存在的细节。

花朵从位图像素、简化色块到矢量路径轮廓的流程示意

镂空模板还需要让材料连在一起

普通 SVG 可以包含字母 O 中间的孤立区域,但实际镂空时,这部分材料需要通过连接桥固定。单层模板模式将在本页后续增加,独立设置保留区、挖空区和桥宽。当前版本尚未提供连接检查或裁切认证,不应直接把普通 SVG 视为合格模板。

纸质模板对比示意:脱落的圆形中心与通过两条连接桥固定的中心

如何完成图片矢量化

调整参数,对比实时预览,最后导出。

01

导入清晰原图

选择 PNG、JPG 或 WebP。对比鲜明、颜色平整的素材通常比有噪点、模糊和阴影的图片更容易描摹。

02

选择描摹方式

按内容选择黑白、少色或像素画,拖动细节与简化滑块,预览会自动更新,无需先点击生成按钮。

03

检查并导出路径

比较原图与轮廓,查看颜色数、闭合轮廓和文件大小,确认后下载真实路径组成的 SVG。

图片矢量化常见问题

关于在线图片转矢量图、透明背景及后续镂空模板功能的实用说明。

如何在线将图片转矢量图?

打开图片矢量化工作区,选择 PNG、JPG 或 WebP,再选择预设。拖动参数滑块,右侧会自动显示描摹效果。先检查填色结果,再切换路径轮廓查看边界,确认后下载 SVG。

导出的 SVG 是真正的矢量路径吗?

是。输出由描摹得到的 path 元素组成,包含闭合轮廓和内部孔洞,并非把原始位图嵌入 SVG 文件。下载后可在支持 SVG 的设计软件中继续编辑图形路径。

PNG 转 SVG 能保留透明背景吗?

可以。透明度低于 50% 的像素不生成图形,其余像素转为不透明色块。半透明边缘、光晕和柔和阴影会被简化。如果边缘细节丢失,可先进入背景清理工具,处理后携带图片返回。

标志图片矢量化应该选择哪种预设?

单色标志可选黑白,平涂彩色标志可选少色插画。先使用较少颜色,再逐步提高细节保留,检查细线和字母孔洞是否完整。如果原图模糊,优先寻找更清晰的源文件。

像素画转 SVG 会把直角变圆吗?

像素画预设沿整数网格生成边界,不进行曲线拟合或自动圆角处理。同色区域使用复合路径表达。建议上传原始精灵图,而不是经过缩放的截图,以免网格本身已经发生变化。

为什么 SVG 文件反而比 PNG 或 JPG 大?

每个轮廓都需要记录坐标。纹理丰富的照片可能生成大量图形,文件比压缩位图更大。可减少颜色和细节,提高路径简化;如果主要内容是照片,保留位图格式有时更合适。

图片矢量化后细线和小孔洞消失了怎么办?

较低的细节保留可能删除短轮廓,较强的曲线拟合可能改变尖角。先提高细节保留,降低平滑与简化,再比较结果。黑白模式下还可以调整阈值,恢复偏浅的笔画。

能使用已有的配色吗?

可以。先在颜色提取工具保存配色,返回当前图片后,在少色插画或像素画预设中勾选“使用现有配色”。保存的颜色会替代自动颜色数量设置。背景清理和颜色替换继续使用各自已有的编辑工具。

图片转镂空模板后可以直接交给切割机吗?

当前版本仅提供普通矢量化。合格模板还要检查保留区域是否孤立、是否需要连接桥、路径是否闭合,以及区域有无重叠。单层镂空模板为后续增强,当前不提供裁切参考图和连接检查报告。

为什么字母 O 的镂空模板需要连接桥?

完整挖去圆环后,中间的材料就成为松散的孤岛。连接桥让它与外围材料保持相连。桥宽取决于材料、成品尺寸、切割方式和使用需求,不存在适用于所有项目的统一宽度。

怎样按实际尺寸打印结果?

生成结果后,点击“按实际尺寸打印”,工具会将 SVG 渲染为 PNG 并送入现有打印模块,再在那里设定物理尺寸。打印传递的是位图参考图,继续设计时请保留下载的 SVG 文件。

工具免费吗?处理时会上传原图吗?

图片矢量化的预览和 SVG 下载免费开放。图片读取与描摹都在浏览器本地完成,计算在后台 Worker 中运行。网站广告与分析服务的请求与图片处理是分开的。

把下一张图片变成可编辑的图形

使用图片矢量化,在清晰边界与合理文件大小之间找到适合你的参数,再导出继续设计。

当前支持 SVG 导出;单层镂空模板编辑将在后续加入。