WebP naar SVG
Converteer WebP naar SVG met een online vectorizer
Traceer WebP-logo's, pictogrammen, illustraties en andere webafbeeldingen in schaalbare SVG-paden. Kies de kleur- of zwart-witmodus en pas vervolgens de details en ruisonderdrukking voor de bron aan.
Standaardwaarden voor nieuwe bestanden bewerken
Voorbeeld
Geen voorbeeld. Voeg bestanden toe en selecteer ze om resultaten te zien.
Nog geen bestanden. Sleep bestanden hierboven of klik op BESTANDEN SELECTEREN.
Wat is WebP?
WebP is een modern rasterafbeeldingsformaat ontwikkeld door Google dat zowel lossy als lossless compressie ondersteunt, evenals volledige alfatransparantie. Het kan compacte bestanden produceren met behoud van een goede visuele kwaliteit, waardoor het een populaire keuze is voor weblevering.
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. Elke moderne browser ondersteunt het rechtstreeks; u kunt het vormgeven met CSS of animeren met JavaScript of SMIL. Voor logo’s, pictogrammen en illustraties is het vaak compact, maar complexe SVG-bestanden kunnen groot worden.
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
Eenvoudige WebP-logo's en -pictogrammen kunnen worden herleid tot compacte SVG-bestanden. Gedetailleerde of fotografische WebP-afbeeldingen creëren meer vormen en kunnen een groter resultaat opleveren, vooral wanneer de bron veel kleuren of subtiele kleurverlopen gebruikt.
Wanneer SVG de oorspronkelijke WebP verslaat
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
Bewaar de WebP voor foto's of andere afbeeldingen waarbij compacte bytes op de draad belangrijker zijn dan schaalbaarheid. De lossy-modus van WebP is meestal kleiner dan de equivalente SVG voor complexe illustraties, en kan sneller te decoderen zijn dan een SVG die duizenden paden bevat.
Kwaliteitsafwegingen
Lossless WebP traceert zuiver: de SVG is zo scherp als de bron toestaat. Lossy WebP heeft een subtiele verzachting die de tracer kan lezen als extra kleurgebieden. Verhoog de verloopstap om ze samen te voegen. Transparante gebieden kunnen helder blijven, terwijl zachte, semi-transparante randen door het overtrekproces kunnen worden benaderd.
Hoe WebP online naar SVG omzetten
- 1
Sleep je bestanden erin, of klik op BESTANDEN SELECTEREN, om ze aan de wachtrij toe te voegen. Tot 40 tegelijk.
- 2
Stel de uitvoeropties in (grootte, DPI, achtergrond, kwaliteit of het detailniveau van het traceren) en de live voorvertoning werkt zich bij.
- 3
Klik op ALLES OPSLAAN om het resultaat te downloaden, of één ZIP wanneer de wachtrij meer dan één bestand bevat.
Privacy: je bestanden verlaten je browser niet
De conversie wordt lokaal in uw browser uitgevoerd met behulp van JavaScript en WebAssembly. Er vindt geen bestandsupload of serverconversie plaats, dus de bestanden die u toevoegt, blijven op uw apparaat staan.
Lokale verwerking helpt vertrouwelijke logo's, interne documenten en niet-vrijgegeven illustraties van klanten te beschermen. Pagina's en conversiecode worden in de cache opgeslagen terwijl u ze gebruikt, zodat tools die u al hebt geopend, kunnen blijven werken zonder een netwerkverbinding.
Veelgestelde vragen
Gaat de WebP-transparantie door naar de SVG?
WebP ondersteunt volledige alfatransparantie, en heldere gebieden kunnen transparant blijven in de SVG-uitvoer. Omdat bij het overtrekken pixels met paden worden benaderd, moet u de zachte, semi-transparante randen in het voorbeeld inspecteren.
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.