跳到主要内容

图片转 SVG 矢量图

拖拽图片到此处或点击选择
支持 JPG, PNG, WebP 等位图格式

使用说明

  1. 上传图片:将 JPG、PNG 或 WebP 图片拖拽到上传区域。建议上传色彩简单、轮廓清晰的图片(如 Logo、图标、插画)。
  2. 调整参数
    • 颜色数量:控制生成的 SVG 中使用的颜色总数。颜色越多越还原,但文件体积越大;颜色越少越抽象,文件体积越小。
    • 模糊半径:在追踪路径前对图片进行模糊处理,有助于平滑边缘和减少噪点。
  3. 实时预览:调整参数后,右侧会自动重新生成并预览矢量图效果。
  4. 下载保存:满意后点击"下载 SVG"按钮保存文件。

适用场景

  • Logo 矢量化:将低清 Logo 图片转换为可无限放大的矢量图。
  • 手绘稿电子化:将黑白手绘草稿转换为 SVG 线条。
  • 艺术效果:将照片转换为海报风格或波普艺术风格的矢量图。

技术原理

本工具使用 imagetracerjs 库在浏览器端进行运算:

  1. 色彩量化:将图片颜色减少到指定数量。
  2. 边缘追踪:识别不同颜色区域的边界。
  3. 路径生成:将边界转换为 SVG 的 Path 路径数据。