工具95

转换 / 实用图像指南

如何将 PNG 或 JPG 艺术作品转换为真实的 SVG 路径

将基于像素的艺术作品转换为可缩放形状。

一个 SVG 可以包含矢量形状或嵌入的位图。“图像转 SVG”根据您的 PNG 或 JPG 像素创建路径和填充,以便矢量编辑器可以编辑这些形状。它使用传统的追踪方式,而非生成式 AI。

已更新

跟随指南
真实的输入与下载结果
处理前 Image to SVG 的原始源文件:640 x 640 像素。

sample-vector.png:640 x 640 像素,23,812 字节。

处理后 Image to SVG 的实际下载结果:640 x 640 像素。

sample-vector.svg:640 x 640 像素,12,938 字节。

原始 640 x 640 PNG 以及使用 Logo 和 8 种颜色制作的真实 14 路径 SVG。在调色板缩减过程中,某些颜色会发生变化。
广告
快速视频教程 How to trace an image to SVG with the Illustration preset Upload PNG or JPG artwork, choose the Illustration preset for a color trace, select Start and download the SVG result. 英语旁白 观看视频

How to trace an image to SVG with the Illustration preset

广告

该示例以一张清晰的花卉插图开始,并检查由“Logo”预设生成的真实 SVG 路径。 打开 图像转 SVG.

01

选择艺术作品和预设

打开“图像转 SVG”并上传 PNG、JPG 或 JPEG 艺术作品。徽标、图标和边缘清晰的平面插图是很好的起点。照片也可以被追踪,但结果是形状的简化集合,而不是忠实的摄影替代品。

选择“徽标”、“插图”或“线条艺术”。“徽标”以紧凑的调色板开始;“插图”以更多的颜色和细节开始;“线条艺术”以黑白追踪开始。预设会同时设置多个控件,您可以随后进行优化。

干净的栅格源通常比带有压缩伪影、阴影或纹理背景的源追踪效果更好。

02

比较并优化矢量

在“颜色”模式下,“颜色”请求 2 到 32 种颜色。细节范围从 1 到 5。打开“优化边缘和背景”以使用“平滑曲线”、“移除小斑点”和“背景”。额外的细节会增加路径数量;清理可以移除属于设计的点。

更改控件后选择“更新预览”。使用“原始”、“矢量”和“比较”;“比较”具有可移动的分隔线。示例使用带有 8 种颜色的“徽标”和其他预设默认值。下载的 SVG 具有 14 条路径。调色板缩减会改变一些花朵颜色,正如比较所示。

带有“保留透明度”的颜色追踪会保留现有的透明区域,但不会移除不透明背景。黑白追踪会保留深色形状并使浅色区域透明。选择“白色”作为不透明的白色画布。

SVG 可能比源文件更大。请根据路径和外观进行判断,不要仅看文件大小。

本指南中的示例

预设:Logo;颜色模式;颜色:8;细节:3;平滑曲线:60;移除小斑点:4;背景:保留透明度。

输入
640 x 640 像素
输出
640 x 640 像素
输入文件
23,812 字节
下载文件
12,938 字节
矢量路径
14
03

导出 SVG 路径

选择“开始”。单个输入生成一个 SVG;批量输入则生成一个 ZIP 文件。设置适用于每个输入,因此如果源文件需要不同的处理方式,请检查每个缩略图。

该示例保留了 640 x 640 的画布,大小为 12,938 字节。在矢量编辑器中打开实际的 SVG 以检查其路径和填充。文字会变为轮廓,而非可编辑文本。描摹无法恢复原始字体、图层或设计文件。

预览描摹在最长边上最多使用 1200 像素。最终转换最多描摹 2048 像素,同时保留原始 SVG 尺寸和 viewBox。因此,大型源文件在最终文件中可能会显示出不同的细节。

这些文章图片是源文件和真实 SVG 的 WebP 渲染图。实际下载的文件包含路径,而不是位图包装器。

实用详情

常见问题

这是真正的矢量转换吗?

是的。输出包含 SVG 路径和填充,而不会将源 PNG 或 JPG 作为位图嵌入。

它会保留所有原始颜色吗?

不一定。颜色限制了调色板。描摹可能会合并相似颜色或简化小区域,因此请检查预览。

我可以将 PNG 和 JPG 一起批量处理吗?

可以。最多 10 个文件,每个文件 25 MB。资源、60 百万像素的源文件和输出复杂度限制同样适用。

文字会变成可编辑文本吗?

不会。可见字母会变成矢量轮廓。对于识别出的文本,请使用 OCR,而不是描摹形状。

轮到你了

尝试用您自己的图像进行工作流操作,并保留原始文件以备将来编辑。

尝试示例或使用您自己的文件,并在分享前检查结果。

打开 图像转 SVG

图像详情

语言38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

选择您的语言。视频教程目前使用英语旁白。