SVG naar WebP
Converteer SVG naar WebP met volledige alfa-transparantie
Exporteer SVG naar moderne WebP, kleinere bestanden dan PNG bij vergelijkbare kwaliteit, met volledige alfa. Gemaakt voor webontwikkelaars die snel ladende productie-assets opleveren.
Standaardwaarden voor nieuwe bestanden bewerken
Voorbeeld
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.
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.
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 SVG omzetten naar WebP
WebP biedt PNG-klasse transparantie tegen JPG-klasse bestandsgroottes, doorgaans 25-35% kleiner dan PNG en 10-25% kleiner dan JPG bij vergelijkbare zichtbare kwaliteit. Converteer SVG naar WebP bij het leveren van graphics naar een moderne website of app. Elke huidige browser ondersteunt het (Chrome, Firefox, Safari ≥ 14, Edge), en gebruikers zien duidelijk kleinere payloads zonder waarneembaar kwaliteitsverlies.
SVG naar WebP: bestandsgrootte en kwaliteitsafwegingen
Bestandsgrootte
WebP is doorgaans 25-35% kleiner dan de equivalente PNG en 10-25% kleiner dan JPG op vergelijkbare zichtbare kwaliteit. Een 1920×1080 SVG die als PNG naar 800 KB exporteert, komt als WebP rond 500 KB uit, met volledige alpha-transparantie behouden.
Wanneer WebP de juiste keuze is
WebP is de beste keuze voor moderne weblevering. Browserondersteuning is universeel in Chrome, Firefox, Safari (≥14) en Edge. Gebruik het voor site-iconen, hero-afbeeldingen, productfoto’s en illustraties: elk asset waar bandbreedte telt en je de consument controleert.
Wanneer de SVG behouden
Behoud de SVG wanneer het asset klein, vector-native (iconen, logo’s, grafieken) is, of moet schalen en animeren. SVGs bedden inline in HTML in en zijn meestal zelfs kleiner dan WebP voor icoon-klasse content. Behoud ook de SVG wanneer de consument een CMS of e-mailclient is zonder betrouwbare WebP-ondersteuning.
Kwaliteitsafwegingen
WebP heeft lossy en lossless modi. Lossy op 0.9 ziet er identiek uit aan lossless voor bijna alle inhoud. Lossy op 0.7 introduceert lichte afvlakking op scherpe randen, minder uitgesproken dan JPG. Volledige alpha-transparantie blijft in beide modi behouden; kies lossless voor iconen en logo’s, lossy voor foto’s en gradiënten.
SVG online omzetten naar WebP
- 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
Ondersteunt WebP transparantie?
Ja. WebP heeft volledige alfa-kanaal-transparantie en behandelt SVG's met doorzichtige delen net als PNG. Kies bij het exporteren de achtergrondoptie Transparant.
Wanneer moet ik WebP gebruiken in plaats van PNG?
WebP-bestanden zijn meestal 25-35 % kleiner dan equivalente PNG's bij vergelijkbare kwaliteit, met dezelfde transparantieondersteuning. Een uitstekende keuze voor het web. Browserondersteuning is inmiddels universeel in Chrome, Firefox, Safari en Edge.
Heeft WebP een kwaliteitsinstelling?
Ja. Dezelfde schuifregelaar die de JPG-kwaliteit bepaalt, regelt WebP, en WebP ondersteunt zowel een lossy als een bijna-lossless modus. Rond 0,9 is een goede standaardwaarde voor de meeste inhoud.