工具95

转换 / 实用图像指南

如何将透明 PNG 描摹为简单的 SVG

将透明艺术作品描摹为可编辑形状。

PNG 即使在背景透明时也会存储像素。PNG 到 SVG 会沿着艺术作品的边缘创建矢量路径。保留现有的透明区域,简化调色板,并在下载前比较描摹效果。

已更新

跟随指南
真实的输入与下载结果
处理前 PNG 转 SVG 的原始素材:640 x 640 像素。

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

处理后 从 PNG 转 SVG 的实际下载结果:640 x 640 像素。

sample-vector.svg:640 x 640 像素,8,739 字节。

原始透明 PNG 及其真实的四色 SVG。缩减后的调色板将花朵简化为七条路径,并改变了细微之处。
广告
快速视频教程 How to trace PNG to SVG with the Illustration preset Upload PNG artwork, choose the Illustration preset for a color trace, select Start and download the SVG result. 英语旁白 观看视频

How to trace PNG to SVG with the Illustration preset

广告

按照刻意简化的四色描边进行操作,观察调色板缩减如何改变艺术作品。 打开 PNG 转 SVG.

01

上传一张清晰的透明 PNG

打开 PNG 到 SVG 并上传 PNG,或者尝试花卉示例。使用清晰且像素充足的源文件来定义其边缘。透明度对于孤立的艺术作品很有用,但透明背景并不能将位图变成矢量。

选择“Logo”作为起点。保持“颜色模式”。要重现此示例,请将“颜色”设置为 4,将“细节”设置为 4。刻意缩减的调色板展示了描摹如何改变设计。

清晰、平面的艺术作品比带有模糊或压缩边缘的截图描摹效果更干净。

02

减少颜色并检查描摹效果

选择“更新预览”。在“原始”和“矢量”之间切换,或移动比较滑块。几朵花的颜色合并为更简单的区域,一个小装饰点消失了。这是一个简化的设计,而不是精确的颜色副本。

打开“优化边缘和背景”。“平滑曲线”控制边缘简化;“移除小斑点”移除孤立的标记。示例中将它们保持在 60 和 4。如果调色板缩减丢失了重要的区别,请增加“颜色”。

将“背景”保留为“保留透明度”。颜色描摹会保留现有的透明区域,但部分透明像素会被简化,柔和的边缘可能会发生变化。不透明的白色区域仍会保留;此选项不会自动将其移除。

强力的斑点清理可能会移除属于您设计中的点、标点符号或装饰性标记。

本指南中的示例

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

输入
640 x 640 像素
输出
640 x 640 像素
输入文件
23,812 字节
下载文件
8,739 字节
矢量路径
7
03

下载并编辑 SVG

选择“开始”并保存 SVG。此示例具有 640 x 640 的画布、七条路径,大小为 8,739 字节。源 PNG 为 23,812 字节,但其他艺术作品可能会产生更大的 SVG。

在矢量编辑器中打开文件以调整路径和填充颜色。当精确的阴影很重要时,请保留 PNG。描摹无法重建隐藏在其他对象后面的图层、字体或形状。

对于多个 PNG,将应用相同的设置,结果将打包为 ZIP。预览描边最长边不超过 1200 像素;最终描边最高可达 2048 像素并保留原始画布尺寸。

本文展示了实际输出的 WebP 渲染效果。下载 SVG 本身以获取可编辑的矢量路径。

实用详情

常见问题

透明背景会保留吗?

颜色描边通过“保留透明度”来保留透明区域。半透明像素会被简化,因此渐变效果可能会发生变化。

为什么有些颜色会合并?

颜色限制了调色板。相似或较小的区域可能会合并;调高“颜色”数值并更新预览以获得更多区分度。

这会去除白色背景吗?

颜色描边将不透明的白色视为内容。“保留透明度”会保留现有的透明度,而不是识别主体。

我可以将字母作为文本编辑吗?

字母会变成轮廓。您可以编辑它们的形状,但它们不会被识别为带有字体的可编辑文本。

轮到你了

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

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

打开 PNG 转 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

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