Afbeelding naar WebP-converter

Maak kleinere afbeeldingen met WebP

WebP combineert het beste van twee werelden: compressie in JPG-stijl voor foto's en transparantie in PNG-stijl voor afbeeldingen, in één modern formaat dat vaak 25–35% kleiner is dan het origineel. Kleinere afbeeldingen betekenen sneller ladende websites en lagere bandbreedtekosten.

Deze converter codeert je PNG of JPG direct in de browser om naar WebP met de canvas-API. Pas de kwaliteitsschuif aan om grootte en nauwkeurigheid af te wegen: rond 75–85% is een uitstekende standaardwaarde die voor de meeste afbeeldingen visueel niet van het origineel te onderscheiden is.

Wanneer WebP gebruiken

WebP is ideaal voor het web: productfoto's, blogafbeeldingen, hero-banners en pictogrammen profiteren allemaal van het kleinere formaat. Als je afbeeldingen levert aan gebruikers met moderne browsers, is omzetten naar WebP een van de makkelijkste prestatiewinsten. Houd alleen een PNG- of JPG-terugval aan als je zeer oude software moet ondersteunen.

De kwaliteitsinstelling kiezen

De schuif loopt van 10 tot 100 en begint bij 80. Voor foto's is 75–85 een goede balans. Voor schermafbeeldingen, tekst en scherpe graphics probeer je 90 of hoger, omdat lage waarden dunne lijnen kunnen vervagen. Je kunt meerdere bestanden tegelijk neerzetten; elk wordt op volledige resolutie omgezet en apart gedownload. De tool verkleint niet, dus schaal grote afbeeldingen eerst omlaag als je ook kleinere afmetingen nodig hebt.

Goed om te weten

• Een bestaande JPG omzetten naar WebP met verlies voegt nog een compressieronde toe, dus begin waar mogelijk bij het origineel of een PNG.
• Transparantie van een PNG blijft behouden in het WebP-resultaat.
• WebP-codering vanuit een canvas hangt af van de browser. Kan een browser geen WebP coderen, dan kan hij stilzwijgend een PNG teruggeven. Is de uitvoer onverwacht groot, probeer dan een actuele versie van Chrome, Edge of Firefox.
• Vergelijk het resultaat altijd op volledige grootte met het origineel voordat je afbeeldingen op een live site vervangt.

WebP op je site gebruiken

Alle huidige grote browsers kunnen WebP weergeven, dus het is veilig voor de meeste doelgroepen. Je kunt het rechtstreeks in een img-tag aanbieden, of een picture-element met een JPG- of PNG-terugval gebruiken als je zeer oude software moet ondersteunen. Kleinere afbeeldingsbestanden helpen ook bij paginasnelheidsmetingen zoals Largest Contentful Paint, vooral bij hero-foto's en productgalerijen.

Bij een reeks productfoto's of blogafbeeldingen houdt het omzetten met één consistente kwaliteitswaarde de look uniform op je hele site. Test eerst één bestand en pas de schuif aan voordat je de rest verwerkt.