SVG naar WebP
Converteer SVG online naar WebP met transparantie
Maak compacte WebP-afbeeldingen met aanpasbare kwaliteit en volledige alfatransparantie. Stel de afmetingen en achtergrond in, converteer tot 40 SVG-bestanden en bewaar de hele taak in uw browser.
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 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.
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.
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
Converteer SVG naar WebP wanneer u een compacte rasterafbeelding nodig heeft voor een moderne website of app. WebP ondersteunt volledige alfatransparantie en een aanpasbare kwaliteitsinstelling, zodat het werkt voor zowel transparante afbeeldingen als illustraties in fotostijl. Het wordt breed ondersteund in de huidige browsers, maar controleer de vereisten van elk CMS, e-mailclient of oudere applicatie die het bestand ontvangt.
SVG naar WebP: bestandsgrootte en kwaliteitsafwegingen
Bestandsgrootte
WebP produceert vaak een kleiner bestand dan PNG voor dezelfde afmetingen, hoewel het resultaat afhangt van het artwork en de kwaliteitsinstelling. In tegenstelling tot JPG kan het volledige alfatransparantie behouden, wat het handig maakt voor compacte webafbeeldingen met doorzichtige gebieden.
Wanneer WebP de juiste keuze is
WebP is een sterke keuze voor moderne weblevering en wordt breed ondersteund door de huidige browsers. Gebruik het voor siteafbeeldingen, productfoto's en illustraties wanneer bandbreedte belangrijk is en de bestemming WebP accepteert.
Wanneer je de SVG houdt in plaats van WebP
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
Deze converter maakt gebruik van de WebP-encoder van de browser met een instelbare kwaliteitsinstelling. Hogere kwaliteit behoudt meer details; Een lagere kwaliteit zorgt meestal voor een kleiner bestand, maar kan de randen verzachten. Volledige alfatransparantie blijft behouden als de browser WebP-export ondersteunt.
SVG online omzetten naar WebP
- 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
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?
Gebruik WebP als u instelbare compressie en alfatransparantie wilt voor een moderne website of app. Het levert vaak een kleiner bestand op dan PNG, maar de besparing is afhankelijk van de beeld- en kwaliteitsinstelling. Controleer of de bestemming WebP accepteert voordat u deze buiten internet gebruikt.
Heeft WebP een kwaliteitsinstelling?
Ja. De schuifregelaar regelt de kwaliteit die wordt gevraagd door de WebP-encoder van uw browser. Hogere waarden behouden meer details; lagere waarden zorgen doorgaans voor kleinere bestanden. Gebruik het voorbeeld om de beste balans voor uw artwork te kiezen.