WebP naar SVG
WebP omzetten naar SVG - Moderne webafbeeldingen vectoriseren
Trace WebP-afbeeldingen naar schone, schaalbare SVG-paden. Ondersteunt transparant en lossy WebP, met instelbaar detail.
Voorbeeld
Wat is WebP?
WebP is een modern rasterafbeeldingsformaat ontwikkeld door Google dat zowel verliesgevende als verliesvrije compressie ondersteunt, evenals volledige alfa-transparantie. WebP-bestanden zijn doorgaans 25–35% kleiner dan equivalente PNG- of JPG-bestanden bij vergelijkbare kwaliteit, wat het een populaire keuze maakt voor webdistributie.
Wat is SVG?
SVG (Scalable Vector Graphics) is een op XML gebaseerd vectorafbeeldingsformaat. In plaats van pixels beschrijft een SVG vormen, paden, vullingen en lijnen wiskundig, zodat het op elke grootte zonder kwaliteitsverlies kan worden weergegeven.
SVG is het standaard vectorformaat voor het web. Het wordt native ondersteund door elke moderne browser, kan worden gestileerd met CSS, geanimeerd met JavaScript of SMIL, en is doorgaans een fractie van de grootte van een gelijkwaardige rasterafbeelding.
SVG versus rasterformaten
Vectorafbeeldingen (SVG) en rasterafbeeldingen (PNG, JPG) lossen verschillende problemen op. Het juiste formaat hangt af van waar de afbeelding voor zal worden gebruikt.
| Kenmerk | SVG | PNG / JPG | ICO / ICNS |
|---|---|---|---|
| Schaling | Resolutieonafhankelijk | Wazig bij vergroten | Vooraf gerenderd op vaste maten |
| Bestandsgrootte | Klein voor vormen en pictogrammen | Groeit met de resolutie | Bundel van vooraf gemaakte rasters |
| Bewerken | Bewerkbaar als tekst of in vectortools | Alleen pixelniveau-bewerking | Elke maat bewerken en opnieuw bundelen |
| Animatie | CSS, SMIL, JavaScript | Beperkt (geanimeerd PNG/GIF) | Niet ondersteund |
| Transparantie | Ja | PNG ja, JPG nee | Ja (op PNG-basis) |
Wanneer WebP naar SVG omzetten
Zet WebP om naar SVG wanneer je een moderne webafbeelding wilt gebruiken als logo, icoon of printasset. WebP’s lossy modus kan een subtiele afvlakking introduceren die de tracer volgt; zeer laag gecomprimeerd WebP heeft daarom soms hogere ruisonderdrukking nodig. Transparant WebP traceert schoon, en het alphakanaal blijft behouden in de uitvoer.
WebP naar SVG: bestandsgrootte en kwaliteitsafwegingen
Bestandsgrootte
Lossless WebP gedraagt zich bij tracen als PNG: een 100 KB icoon eindigt meestal als een 5–30 KB SVG. Lossy WebP gedraagt zich als JPG: een 300 KB foto-achtige WebP levert een 100–400 KB SVG op met vereenvoudigd detail. Transparantie wordt in beide gevallen doorgegeven aan de SVG.
Wanneer SVG de juiste keuze is
Converteer naar SVG wanneer de WebP een logo, sticker of icoon is, vooral een transparente. Schalen, herkleuren en stylen wordt triviaal zodra het asset vector is. SVGs zijn ook inline in HTML in te bedden, wat een round-trip bespaart vergeleken met een aparte WebP.
Wanneer de originele WebP behouden
Behoud de WebP voor foto’s of beelden waar compacte bytes op de leiding belangrijker zijn dan schaalbaarheid. WebP’s lossy modus is meestal kleiner dan de equivalente SVG voor complexe afbeeldingen, en de browser decodeert het veel sneller dan een padrijke SVG.
Kwaliteitsafwegingen
Lossless WebP traceert schoon: de SVG is zo scherp als de bron toeliet. Lossy WebP draagt subtiele afvlakking die de tracer als extra kleurregio’s kan lezen; verhoog de gradient step om ze samen te voegen. Transparantie blijft letterlijk behouden, inclusief semi-transparante pixels.
Hoe WebP online naar SVG omzetten
- Sleep je bestand (of klik op BESTANDEN SELECTEREN) om het aan de wachtrij toe te voegen.
- Pas de opties links aan (formaat, grootte, achtergrond, kwaliteit) en kijk hoe het voorbeeld wordt bijgewerkt.
- Klik op ALLES OPSLAAN om het geconverteerde bestand te downloaden (of een ZIP als je meerdere bestanden hebt geüpload).
Privacy en beveiliging
Je bestanden verlaten je computer nooit. De conversie draait volledig in je browser met JavaScript en WebAssembly. Geen upload, geen server en geen tracking van de inhoud van je bestanden.
Omdat er niets wordt geüpload, is de tool veilig voor vertrouwelijke logo's, interne documenten en bedrijfseigen graphics.
Veelgestelde vragen
Gaat de WebP-transparantie door naar de SVG?
Ja. WebP ondersteunt volledige alpha-transparantie, en de tracer behoudt transparante gebieden in de SVG-uitvoer, zodat het resultaat schoon op elke achtergrond landt.
Kleur- of zwart-witmodus voor WebP?
Kleur werkt het best voor logo’s, illustraties en alles met meerdere vullingen. Zwart-wit geeft een schone silhouet voor lijntekeningen en scans. De Z/W-drempelschuif bepaalt waar de grens tussen zwart en wit ligt.
Wordt de SVG kleiner dan het originele WebP?
Voor eenvoudige graphics (logo’s, iconen) meestal wel, en de SVG schaalt zonder kwaliteitsverlies. Voor fotografische WebP kan de SVG groter zijn omdat elke getracede vorm een pad toevoegt. Gebruik het Compact-preset of verhoog ruisonderdrukking om de SVG compact te houden.