图片矢量化是什么意思

PNG、JPG、WebP 这类位图是一张像素网格，每个像素只有一种颜色。放大后像素也跟着变大，边缘就会变模糊或出现锯齿方块。矢量图则用路径和填充来描述画面：由直线和曲线组成的轮廓，以及每个轮廓内部的颜色。渲染器会按你需要的任何尺寸绘制这些轮廓，所以边缘始终清晰。

矢量化就是从前一种图片变成后一种。“位图转矢量”“图片转矢量图”“PNG 转矢量”说的都是同一件事：描摹，也就是找出像素中的各个颜色区域，并把每个区域勾勒成一条路径。

如果一个 SVG 只是用 <image> 元素把原来的 PNG 包了进去，那它并没有被矢量化。它能像 SVG 一样打开，但放大后照样模糊，因为里面的画面仍然是像素。如何分辨真正的矢量图和包着 PNG 的 SVG。

png2svg.art 如何把图片矢量化

  1. 从形状的实心内部（而不是柔和的边缘）选出一小组纯色，数量不超过你的设定。
  2. 把每个像素归到其中一种颜色。在 PNG 或 WebP 中，不透明度不到一半的像素不归入任何颜色，保持透明。
  3. 把各种颜色一起描摹，这样两种颜色相接的地方共用同一条边界，边界由直线段和贝塞尔曲线组成。
  4. 按对象给结果分组（先是背景，再是每个独立对象），把每个形状写成一个填充了对应颜色的 <path>，并按包围关系嵌套（比如脸里的眼睛）。像“O”中间那样的孔洞会保持镂空。
  5. 在交给你之前，检查每个结果都只包含矢量路径，没有嵌入位图，也没有脚本。

描摹不是 AI。它不会凭空添加细节，也不会用新风格重画你的图片；它只是勾勒出图中已有的颜色。

什么情况效果好，什么情况不行

适合矢量化的图片：

  • 标志、图标和线稿；
  • 贴纸、剪贴画和扁平插画；
  • 只有几种纯色的扁平风格 AI 图片（AI 图片转 SVG）。

不适合的图片：

  • 照片、渐变和柔和阴影。 由于每次描摹最多 24 种颜色，它们会变成一条条纯色色带，像海报一样。为什么照片描摹后会变成海报画效果。
  • 小字。 高度小于约 10 px 的字母无法干净地描摹。请在矢量编辑器中用字体重新输入，再放到描摹结果上面。
  • 小图或模糊的图片。 描摹不会增加分辨率，所以轮廓会比你设想的设计更圆、更软。

四步把图片矢量化

  1. 在本页或转换器的上传框中上传 PNG、JPG、WebP 或 HEIC，最大 25 MB。
  2. 选择一个预设，把 颜色上限 滑块拖到你能看到的颜色数量。
  3. 查看免费的带水印预览（无需注册），如果形状不对就重新描摹。
  4. 以 1 积分 解锁无水印 SVG（注册账户送 3 个免费积分）并下载。

每项设置的说明，以及在 Inkscape 和 Illustrator 中完成同样操作的方法，见 PNG 转 SVG 教程：一步步把 PNG 转成 SVG。

常见问题

图片转矢量图和 PNG 转 SVG 是一回事吗？

基本是。SVG 是网页和切割软件使用的矢量格式，也是 png2svg.art 描摹器唯一输出的格式，所以在这里矢量化图片得到的总是 SVG。

照片能矢量化吗？

可以，但结果会是纯色区域（最多 24 种颜色），而不是照片般逼真的矢量图。如果你想要海报或镂空模板的效果，这正合适。

位图转矢量是什么意思？

把像素网格变成路径：描摹位图中的各个颜色区域并勾勒出轮廓，这样结果放大也不会模糊。

免费吗？

带水印预览免费，无需注册（访客每天 5 次）。无水印 SVG 需要 1 积分（注册账户送 3 个免费积分）。

之后还能编辑矢量图吗？

能。每个对象都是一个图层，其中的形状都是路径，你可以在 SVG 编辑器中给任意形状改色、移动、逐点改形或隐藏（编辑器需要账户）。编辑器还能对形状进行联集、减去和交集运算；如果要偏移轮廓，请使用 Inkscape 这类桌面矢量编辑器。