vectortrace.app
Gratis preview · geen upload

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.

Invoer
WebP
Uitvoer
SVG
Engine
WASM, in je tabblad
Prijs
Gratis preview
WerkbonWebP → SVG · Voorinstelling: Logo

Sleep hier een afbeelding naartoe, of plak

SVGPDF

Je afbeelding wordt nooit geüpload. Die wordt getraceerd in dit tabblad.Open de volledige converter

Voorinstelling

  • 01Logo — ingesteld voor deze pagina16 kleuren
  • 02LijntekeningZwart-wit
  • 03Foto64 kleuren
  • 04Borduurwerk8 kleuren · Uitsnede
  • 05Vinyl4 kleuren · Uitsnede
  • 06LaserZwart-wit · Polygoon
01

Zo ziet de omzetting eruit

RasterA 160-pixel fox head emblem, shown enlarged so the individual pixels are visible.
VectorThe same fox head emblem as clean vector paths, with sharp edges at any size.
A geometric fox head emblem in rust orange, cream and near-black.Logo · 8 paden · 57 ankerpunten · 4 kleuren · Engine 0.3.34
RasterA pixelated leaf seal mark, shown enlarged to show the pixels.
VectorThe same leaf seal as clean vector paths, sharp at sign and van size alike.
A stylised leaf with three veins inside a rounded seal, in two greens and cream.Logo · 3 paden · 43 ankerpunten · 3 kleuren · Engine 0.3.34
02

Waarom vectortrace

3 beweringen · vaste volgorde
03

Formaatfeiten

WebP in · SVG uit
FormaatfeitenWebP · inSVG · uit
SoortRaster. Lossy or lossless in the same container.Vector. Paths described in XML.
SchalingBlurs or pixelates past its native size.Sharp at any size.
KleurUp to 16.7 million colours with alpha, in both modes.One solid fill per path, in a palette you can edit by hand.
Bewerkbaar inGIMP, Affinity Photo, Photoshop with a plug-in, any browser.Illustrator, Inkscape, Figma, Affinity Designer, a text editor.
Typisch gebruikImages saved from a website, where WebP is now the default.Web, icons, print artwork, the input to a cutter workflow.
04

Goed om te weten

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.

05

Hoe het werkt

3 stappen

  1. Drop the WebP

    Drop or paste the .webp file. Lossless and lossy WebP are both decoded by the browser.

  2. 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.

  3. Save the SVG

    Export and open it in Illustrator, Inkscape or Figma. Alpha in the source becomes holes in the geometry.

06

Benchmark

Geen bewering zonder cijfer, datum en versie.
smoke (30 fixtures) · 2026-09-05 · 0.3.34

Gemeten, niet verkocht. De corpus, de methode en elk cijfer dat de run opleverde worden volledig gepubliceerd.

Methodologie → /benchmarks
boundary error, p95
0.09 px
region-count error
0.000
node-count ratio
1.00×
07

Vragen

3 vragen
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.
08

Gerelateerd

7 links

Gerelateerde conversies

Gemaakt voor

Lees