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.
- Girdi
- WebP
- Çıktı
- SVG
- Motor
- WASM, sekmenizde
- Fiyat
- Ücretsiz önizleme
Bir görseli buraya bırakın veya yapıştırın
Görseliniz asla yüklenmez. Bu sekmede çizilir.Tam dönüştürücüyü aç
Ön ayar
- 01Logo — bu sayfa için ayarlandı16 renk
- 02Çizgi sanatıSiyah beyaz
- 03Fotoğraf64 renk
- 04Nakış8 renk · Kesim
- 05Vinil4 renk · Kesim
- 06LazerSiyah beyaz · Çokgen
- Çıktı · SVG · PDF · EPS · DXF
- Önizleme ücretsiz · Pro ile indirme ayda €9,00
- Dosyanız bu sekmede kalır
Neden vectortrace
- Fiş 1 / 3
Tarayıcı içi ve özel
Motor, kendi makinenizde bir çalışanda çalışan WebAssembly'dir. Görseliniz asla yüklenmez — bu yüzden sızdırılacak bir şey, silinecek bir şey ve güvenilecek bir şey yoktur.
- Fiş 2 / 3
Bir sarmalayıcı değil, düzenlenebilir yollar
Motor, görseli renk bölgelerine ayırır, aralarındaki sınırı alır ve ona eğriler oturtur. Ortaya çıkan gerçek geometridir — bölge başına tek dolgu, her düğüm sizin taşımanız için — sekmede üretilir ve asla sunucuda değil.
- Fiş 3 / 3
Baskı ve üretimin kullandığı biçimler
Eser için SVG ve PDF; kesiciler, gravür makineleri ve nakış yazılımları için EPS ve DXF. Illustrator, Inkscape ve LibreCAD'de açılan gerçek dosyalar — içinde JPEG olan bir SVG değil.
Biçim bilgileri
| Biçim bilgileri | WebP · giriş | SVG · çıkış |
|---|---|---|
| Tür | Raster. Lossy or lossless in the same container. | Vector. Paths described in XML. |
| Ölçekleme | Blurs or pixelates past its native size. | Sharp at any size. |
| Renk | Up to 16.7 million colours with alpha, in both modes. | One solid fill per path, in a palette you can edit by hand. |
| Düzenlenebildiği yer | GIMP, Affinity Photo, Photoshop with a plug-in, any browser. | Illustrator, Inkscape, Figma, Affinity Designer, a text editor. |
| Tipik kullanım | Images saved from a website, where WebP is now the default. | Web, icons, print artwork, the input to a cutter workflow. |
Bilinmesi gerekenler
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.
Nasıl çalışır
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.
Kıyaslama
Ölçüldü, pazarlanmadı. Külliyat, yöntem ve koşunun ürettiği her rakam tam olarak yayımlanır.
Yöntem → /benchmarks- boundary error, p95
- 0.09 px
- region-count error
- 0.000
- node-count ratio
- 1.00×
Sorular
- 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.
İlgili
İlgili dönüşümler