Convert WebP to SVG
WebP is what most sites serve now, so it is what you end up with when you save an image. Trace it into SVG paths here, in the tab, with no upload.
- 输入
- WebP
- 输出
- SVG
- 引擎
- WASM,在您的标签页中运行
- 价格
- 免费预览
将图像拖放到此处,或直接粘贴
您的图像绝不会被上传,它会在此标签页中完成描摹。打开完整转换器
预设
- 01标志 — 本页所用设置16 种颜色
- 02线稿黑白
- 03照片64 种颜色
- 04刺绣8 种颜色 · 镂空
- 05刻字膜4 种颜色 · 镂空
- 06激光黑白 · 多边形
- 输出 · SVG · PDF · EPS · DXF
- 预览免费 · 使用 Pro(每月 €9.00)下载
- 您的文件始终留在此标签页中
为什么选择 vectortrace
- 凭证 1 / 3
浏览器内运行,隐私可靠
该引擎是运行在您设备上一个 Worker 中的 WebAssembly 程序。您的图像绝不会被上传 —— 因此没有可泄露的内容,没有需要删除的内容,也无需盲目信任任何一方。
- 凭证 2 / 3
真正可编辑的路径,而非套壳处理
引擎会先将图像划分为若干色块区域,提取区域之间的边界,并对其进行曲线拟合。得到的是真正的几何图形 —— 每个区域一个填充,每个节点都可以自由移动 —— 全部在标签页本地生成,从不经过服务器。
- 凭证 3 / 3
印刷与生产实际使用的格式
SVG 和 PDF 适用于设计稿;EPS 和 DXF 适用于刻字机、雕刻机与刺绣软件。都是真正可用的文件,能在 Illustrator、Inkscape 和 LibreCAD 中打开 —— 而不是内嵌 JPEG 的 SVG。
格式速览
| 格式速览 | WebP · 输入 | SVG · 输出 |
|---|---|---|
| 类型 | Raster. Lossy or lossless in the same container. | Vector. Paths described in XML. |
| 缩放特性 | Blurs or pixelates past its native size. | Sharp at any size. |
| 颜色 | Up to 16.7 million colours with alpha, in both modes. | One solid fill per path, in a palette you can edit by hand. |
| 可编辑于 | GIMP, Affinity Photo, Photoshop with a plug-in, any browser. | Illustrator, Inkscape, Figma, Affinity Designer, a text editor. |
| 典型用途 | Images saved from a website, where WebP is now the default. | Web, icons, print artwork, the input to a cutter workflow. |
值得了解
WebP comes in two flavours in the same container. Lossless WebP behaves like a PNG and traces cleanly. Lossy WebP behaves like a JPEG — it is predictive and block-based — so it carries the same ringing near hard edges, and the same speckle-filter advice applies.
Both flavours support an alpha channel, so a WebP saved from a site often keeps real transparency. That survives the trace: transparent pixels become holes rather than a white plate.
Decoding is done by the browser through createImageBitmap, not by a library we ship, so WebP support here is exactly your browser WebP support — which since 2020 means all of them.
工作原理
Drop the WebP
Drop or paste the .webp file. Lossless and lossy WebP are both decoded by the browser.
Trace it
Logo for a flat mark, photo for a photograph. Watch the colour count — a lossy WebP often needs a smaller palette than it looks like it does.
Save the SVG
Export and open it in Illustrator, Inkscape or Figma. Alpha in the source becomes holes in the geometry.
基准测试
用数据说话,而非营销话术。语料库、测试方法以及本次测试产生的每一项数据均全部公开。
测试方法 → /benchmarks- boundary error, p95
- 0.09 px
- region-count error
- 0.000
- node-count ratio
- 1.00×
常见问题
- 01Do I need to convert WebP to PNG first?
- No. The browser decodes WebP natively and the worker traces the decoded pixels, so an intermediate PNG would only add a re-encode and a lost alpha channel.
- 02Does animated WebP work?
- The first frame is traced. An animation is a sequence of rasters and an SVG of it would need one path set per frame, which is a different product; export the frame you want and trace that.
- 03Is my image uploaded?
- No. The tracer is WebAssembly running in a Web Worker in this tab, so the pixels stay on your machine. There is no upload step, which is also why it keeps working with the network off.
相关内容
相关转换