Rasterlessvector

Convert a downloaded WEBP into a real SVG

A .webp usually shows up by accident. You right-click a picture in the browser, choose Save image as, and what lands in your Downloads folder is not the PNG you expected — it is the WEBP the site served your browser to save bandwidth. It previews fine. Then you drag it into the program where you actually need it, and the file picker greys it out.

WEBP is two behaviours in one container. A lossless WEBP behaves like a PNG: flat colour stays flat, every edge where the designer put it. A lossy WEBP behaves like a JPEG — the encoder spends bits on what your eye watches and smears the rest, so a solid red badge picks up a halo of not-quite-red pixels. Either kind can carry an alpha channel, which is why so many transparent stickers and icons on the web are WEBP. The file name tells you none of this.

The converter identifies WEBP from the bytes rather than the extension — a WEBP opens with RIFF, four length bytes, then WEBP — so a renamed file is still recognised. The image is segmented into colour regions, the anti-aliased border pixels are modelled explicitly instead of averaged away, and each region is fitted with curves. What you download is an SVG of path elements, with no bitmap hidden inside.

Drop an image here

or click to choose one

PNG · JPG · WEBP

How it works

  1. Drop the .webp onto the upload area, or pick it out of your Downloads folder. PNG and JPEG work here too, one image per conversion.
  2. Set Colours: 16 for a shaded logo or sticker, 2 for a single-colour silhouette or stencil.
  3. Leave Shape stacking on Cut-outs and Draw style on Filled shapes. Add a width and height in millimetres if the artwork has to come out at an exact size.
  4. Convert, then study the preview — 800 pixels on its longest side, on a white background.
  5. Sign in with Google to download the SVG. PDF, EPS, DXF and PNG come from the same result.
A round sticker graphic with flat colour areas and a transparent background, next to the SVG our tracer produced from it — source image A round sticker graphic with flat colour areas and a transparent background, next to the SVG our tracer produced from it — vector result
A round sticker graphic with flat colour areas and a transparent background, next to the SVG our tracer produced from it

Who this is for

If you are on this page, the WEBP is probably the only copy you have. Someone sent a link instead of a file, or a marketplace handed you a download the rest of your toolchain refuses. SVG fixes both problems: the shapes stop being pixels, so the artwork holds at 20 mm and at three metres, and the file becomes something ordinary design software opens — cutting-machine file pickers, for instance, generally list PNG, JPG and SVG.

Tracing has limits. A traced vector is a fresh drawing of what the pixels show, not the artwork the designer exported. If the WEBP is lossless and the art is flat — a logo, an icon, a sticker — the result sits very close to the original, in clean closed shapes you can recolour and cut. If it is lossy, the artefacts are part of the picture now and the tracer reads them as real detail. Photographs give you a poster-like version, never the photo.

Transparency comes through. Pixels with an alpha value above 10 count as subject, and anything more transparent is left out of the vector, so a knocked-out background stays knocked out instead of gaining a white rectangle. Partly transparent pixels are composited onto white first, so a soft drop shadow arrives as pale solid shapes rather than a real fade.

Settings we suggest

Start at 16 colours with Shape stacking on Cut-outs. Sixteen is high enough for a shaded logo and low enough that a lossy WEBP's artefacts get absorbed into their neighbours instead of becoming shapes of their own. If the first result looks busy — specks along every edge, a path list in the thousands — go down rather than up: 8, or 6. For a one-colour silhouette set Colours to 2. The range runs 2 to 64; the top end suits smooth gradients, not a soft source.

Cut-outs trims each shape where the shape above it sits, so paths never overlap and nothing is buried underneath; Stacked paints whole shapes over one another instead. Draw style stays on Filled shapes for artwork, while Stroke edges returns the colour-region boundaries as lines, for engraving or a pen plotter. Group by colour puts every path of one shade in a single SVG group for easier recolouring.

For a physical size, type the width and height in the millimetre fields; those numbers go into the SVG and the DXF. Left empty, the SVG carries pixel units, where 96 pixels equal 25.4 mm.

Limits: one image per conversion, up to 25 MB and 40 megapixels. Anything above 1.5 megapixels is scaled down before tracing, so a large WEBP yields a smaller pixel canvas. Logos and stickers typically convert in 3–12 seconds in our local measurements; fine lines and noisy sources take longer, and a conversion that has not finished after 60 seconds stops and suggests fewer colours.

Questions

Why will my design software not open the WEBP I downloaded?

WEBP was built to deliver pictures to browsers, not to move them between desktop applications, and support in desktop software arrived late and unevenly. An SVG is plain text that virtually everything reads.

Does the transparent background in my WEBP survive?

Yes. Pixels with alpha above 10 count as subject and anything more transparent is dropped, so the background stays genuinely empty rather than turning into a white box. Semi-transparent pixels are flattened onto white first.

My WEBP has smudgy edges. Can you clean them up?

Only through the colour count. The smudges are lossy compression, and nothing recovers what the encoder discarded — but fewer colours force those in-between pixels to pick a side. Six to ten suits most logos.

Can I just rename the file to .png?

Elsewhere it will not help, but here it does no harm: the uploader takes .png, .jpg, .jpeg and .webp names, then reads the real signature — so a WEBP called photo.png traces correctly. AVIF and HEIC are rejected.

Is the SVG a real vector, or my WEBP in an SVG wrapper?

A real vector. The output holds path elements only — no embedded image element, no trace of the original pixels. Open it in a text editor and read the curves.

What does it cost, and what happens to my file?

Free and watermark-free. Preview the result before you sign in; a free Google sign-in unlocks the downloads. Anonymous use is capped at 10 conversions per hour, signed-in accounts get 60 per hour and 300 per day. Download links expire after 1 hour, and files go under an automatic 1-day deletion rule.

Related pages