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.
- Input
- WebP
- Output
- SVG
- Engine
- WASM, in your tab
- Price
- Free preview
Drop an image here, or paste
Your image is never uploaded. It is traced in this tab.Open the full converter
Preset
- 01Logo — set for this page16 colours
- 02Line artBlack & white
- 03Photo64 colours
- 04Embroidery8 colours · Cutout
- 05Vinyl4 colours · Cutout
- 06LaserBlack & white · Polygon
- Output · SVG · PDF · EPS [soon] · DXF [soon]
- Preview free · download with Pro €9.00 / month
- Your file stays in this tab
Why vectortrace
- Ticket 1 / 3
In-browser and private
The engine is WebAssembly running in a worker on your own machine. Your image is never uploaded — so there is nothing to leak, nothing to delete, and nothing to take on trust.
- Ticket 2 / 3
Editable paths, not a wrapper
The engine groups the image into colour regions, takes the boundary between them and fits curves to it. What comes out is real geometry — one fill per region, every node yours to move — produced in the tab and never on a server.
- Ticket 3 / 3
Formats print and production use
SVG and PDF today; EPS and DXF for cutters, engravers and embroidery software as the exporters land. Real files, opened in Illustrator, Inkscape and LibreCAD — not an SVG with a JPEG inside it.
Format facts
| Format facts | WebP · in | SVG · out |
|---|---|---|
| Kind | Raster. Lossy or lossless in the same container. | Vector. Paths described in XML. |
| Scaling | Blurs or pixelates past its native size. | Sharp at any size. |
| Colour | Up to 16.7 million colours with alpha, in both modes. | One solid fill per path, in a palette you can edit by hand. |
| Editable in | GIMP, Affinity Photo, Photoshop with a plug-in, any browser. | Illustrator, Inkscape, Figma, Affinity Designer, a text editor. |
| Typical use | Images saved from a website, where WebP is now the default. | Web, icons, print artwork, the input to a cutter workflow. |
Worth knowing
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.
How it works
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.
Benchmark
Measured, not marketed. The corpus, the method and every figure the run produced are published in full.
Methodology → /benchmarks- boundary error, p95
- 0.39 px
- region-count error
- 0.113
- node-count ratio
- 6.35×
Questions
- 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.
Related
Related conversions