图片 / 矢量描摹

PNG to SVG——本地浏览器工具

将 PNG 图稿描摹为彩色 SVG 路径,比较栅格与矢量预览,并下载 SVG 或栅格化 PNG。

PNG to SVG——本地浏览器工具: 此页面适用于你拥有的 PNG 徽标、扁平插图、扫描的线稿和想要以路径形式编辑的界面图稿。输入文件选择器已设置为 PNG,初始描摹会使用少量颜色。PNG 通常具有清晰的边缘和透明背景,是简单图稿的实用起点。透明度不会自动还原:描摹前,透明像素会先叠加到白色背景上。可选的移除最浅色图层功能可以移除该背景,但也可能移除白色文字、高光或主体内部的空隙。请仔细检查两个预览。双色图稿请选择黑白,紧凑的插图请选择少量颜色,需要更多色调的图稿请选择多种颜色,需要更接近原稿轮廓的图稿请选择详细。最大颜色数、细节程度和模糊度仍可调整。实时预览会缩小到最长边为600像素;下载时会描摹原始图片。描摹可能会合并小斑点、柔化边缘,或使文字变得不规则。它无法从截图中还原原始字体、形状或图层。对于清晰的文字,请在矢量编辑器中重新绘制文字,不要期待精确的排版效果。文件大小上限为50 MB,每个维度最多8192像素,总计最多40 million像素。大型或细节丰富的图片可能需要更长处理时间,并生成非常大的 SVG 文件。PNG 下载文件是描摹路径的栅格渲染结果,其导出缩放比例会控制保存的像素尺寸。SVG 仍然是矢量导出文件;该缩放比例不会增加其路径中的细节。 完全在浏览器中本地运行,文件不会上传到服务器。

使用次数
在浏览器中
费用
免费·无需注册
可用性
可直接使用
选择要描摹的PNG

点击、拖放或粘贴·仅保留在此设备上

将扁平PNG图稿描摹为可编辑路径。透明像素会置于白色背景上;移除最浅色图层也可能移除图稿中的白色部分。

最大支持50 MB和4000万像素,且每个尺寸不得超过8192 px。处理过程会保留在此设备上。

图片转SVG本地处理

完全在浏览器中运行

应用于下一次栅格导出。
选择或拖放PNG、JPG、WebP或GIF

不会上传任何内容

实时描摹使用较小的预览图。下载时会对原始图片进行描摹。GIF使用第一帧。透明像素会合成到白色背景上。移除某种颜色也可能移除主体的部分区域。

细节低于80%时,描摹会使用主色并合并孤立的小点。较高的细节级别会保留边缘色调,生成的文件可能大得多。

矢量路径和描摹

SVG路径描述可以在没有固定像素网格的情况下调整大小的轮廓。SVG规范(https://www.w3.org/TR/SVG2/)介绍了路径和绘制。描摹只是对源图的近似,无法还原原始设计文件。

描摹软件和透明度

ImageTracerJS依据Unlicense许可使用;其源代码和许可证(https://github.com/jankovicsandras/imagetracerjs)介绍了描摹选项。透明像素会放置在白色背景上。移除最浅的颜色图层是可选操作,也可能移除图稿内部的浅色区域。

使用方法

  1. 选择一个符合所示输入格式的文件。
  2. 调整可用的输出控制项。
  3. 生成结果,检查预览并下载。

隐私与限制

你的文件会在此设备上处理。不会上传图片、视频或音频。

相关工具

常见问题

我的透明 PNG 会保持透明吗?

描摹过程中,源文件中的透明像素会合成到白色背景上。可以尝试移除最浅色图层,以获得透明的矢量背景,然后检查需要保留的白色细节是否消失。

这是一个嵌入 PNG 的 SVG 吗?

图片会被描摹为彩色路径。结果是可以在 SVG 编辑器中编辑的近似版本,而不是将 PNG 封装在 SVG 文件中。

什么类型的 PNG 效果最好?

建议从干净、高对比度的图稿,或使用少量颜色的扁平插图开始。渐变、柔和阴影和很小的文字可能会生成大量路径,或导致细节丢失。

免费工具·使用在浏览器中次·无需账户