跳到正文

图片转 SVG 矢量

Image to SVG

把位图描摹成 SVG 路径,适合 logo 和线稿,不适合照片。

描摹把图片色调分离成少数几种纯色,再沿每个区域的边界走出一条路径。这在 logo、图章或线稿上行得通;在照片上它产生成千上万条比原文件还大、看起来更糟的路径。

🔒 完全在你的浏览器里运行vectortracesvglogo

把 logo 或线稿放到这里

纯色的画能描摹得干净,照片不行。

怎么用

  1. 拖入纯色素材

    扫描的 logo、签名、只剩 PNG 的图标——矢量是丢了而不是从来没有过的那些情况。

  2. 设颜色数

    黑白标志用两种,只有素材确实有更多纯色时才加。每多一种颜色就多一层路径。

  3. 提高最小区域面积去掉斑点

    扫描件到处都是颜色错误的孤立像素。小于这个面积的区域被并入周围,而不是变成路径。

  4. 看路径数

    描摹出的 logo 是几十条路径。超过三百条左右页面会说,因为那是照片而不是素材的特征。

常见问题

为什么我的照片描出来这么糟?

因为没有区域。照片是连续的渐变,色调分离会发明出原本不存在的边界,每一条都变成路径。输出比 JPEG 更大也更不准确。

描出来的 SVG 会和原图完全一致吗?

不会。边界是沿像素网格走的,所以原图里平滑的曲线回来是一条带轻微阶梯的多段路径。它是一次重建,不是找回当初被栅格化的那个矢量。

结果该怎么处理?

过一遍 SVG 优化——描摹出的文件精度超过所需——如果它要成为长期资产,做好在编辑器里整理路径的准备。

可以从这些接进来

接下来

这些工具吃得下当前工具的产出,结果可以直接送过去。