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.
- Entrada
- WebP
- Saída
- SVG
- Mecanismo
- WASM, na sua aba
- Preço
- Pré-visualização grátis
Solte uma imagem aqui, ou cole
Sua imagem nunca é enviada. Ela é vetorizada nesta aba.Abrir o conversor completo
Predefinição
- 01Logotipo — definida para esta página16 cores
- 02Arte linearPreto e branco
- 03Foto64 cores
- 04Bordado8 cores · Recorte
- 05Vinil4 cores · Recorte
- 06LaserPreto e branco · Polígono
- Saída · SVG · PDF · EPS · DXF
- Pré-visualização grátis · download com o Pro € 9,00 / mês
- Seu arquivo fica nesta aba
Por que o vectortrace
- Ficha 1 / 3
No navegador e privado
O mecanismo é WebAssembly rodando em um worker na sua própria máquina. Sua imagem nunca é enviada — então não há nada a vazar, nada a excluir e nada que você precise aceitar apenas por confiança.
- Ficha 2 / 3
Caminhos editáveis, não um invólucro
O mecanismo agrupa a imagem em regiões de cor, extrai a fronteira entre elas e ajusta curvas a ela. O resultado é geometria real — um preenchimento por região, cada nó seu para mover — produzido na aba e nunca em um servidor.
- Ficha 3 / 3
Formatos usados por produção e impressão
SVG e PDF para arte-final; EPS e DXF para plotters de recorte, gravadoras e softwares de bordado. Arquivos de verdade, abertos no Illustrator, Inkscape e LibreCAD — não um SVG com um JPEG dentro.
Sobre o formato
| Sobre o formato | WebP · entrada | SVG · saída |
|---|---|---|
| Tipo | Raster. Lossy or lossless in the same container. | Vector. Paths described in XML. |
| Escalonamento | Blurs or pixelates past its native size. | Sharp at any size. |
| Cor | Up to 16.7 million colours with alpha, in both modes. | One solid fill per path, in a palette you can edit by hand. |
| Editável em | GIMP, Affinity Photo, Photoshop with a plug-in, any browser. | Illustrator, Inkscape, Figma, Affinity Designer, a text editor. |
| Uso típico | Images saved from a website, where WebP is now the default. | Web, icons, print artwork, the input to a cutter workflow. |
Vale saber
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.
Como funciona
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
Medido, não vendido. O corpus, o método e todos os números que a execução produziu são publicados na íntegra.
Metodologia → /benchmarks- boundary error, p95
- 0.09 px
- region-count error
- 0.000
- node-count ratio
- 1.00×
Perguntas
- 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.
Relacionado
Conversões relacionadas