Het comprimeren van "WebP" is voor iedereen iets anders: sommigen willen een aantal JPG's en PNG's omzetten naar WebP; anderen willen bestaande WebP-bestanden verder verkleinen; weer anderen moeten dynamische WebP-bestanden verwerken.
Er zijn geen perfecte tools, alleen tools die bij jou passen. In dit artikel geven we aanbevelingen per scenario, waarbij we voor elk scenario maar één of twee handigste tools noemen.
Eerst even: twee minuten om WebP te begrijpen
WebP heeft in feite drie vormen:
- Verliesgevende WebP: vergelijkbaar met JPEG, verwijdert details op basis van een kwaliteitparameter. Kleiner bestandsgrootte, geschikt voor foto's en banners.
- Lossless WebP: vergelijkbaar met PNG, pixels blijven volledig hetzelfde. Geschikt voor screenshots en UI-assets.
- Dynamische WebP: meerdere frames met animatie, kan verliesgevend of lossless zijn. Vaak afkomstig van GIF-conversies zoals meme's en demo-gifs.
Weet je niet zeker welk type je hebt? Gebruik het officiële webpinfo van Google:
bash
brew install webp
webpinfo image.webp
In de output betekent VP8 verliesgevend, VP8L is lossless. ANIM / ANMF duidt op een animatiebestand.
Er is nog iets dat je moet weten: bij verliesgevende WebP zorgt een hogere kwaliteitparameter voor een groter bestand, niet voor een betere beeldkwaliteit – de verloren details komen niet terug. Daarom zou een goede compressietool moeten kunnen beoordelen of het niet meer kan en niet verder hoeft te comprimeren.
Scenario 1: JPG / PNG in bulk omzetten naar WebP
Dit is wat de meeste mensen voor het eerst doen met WebP.
Voor een grafische interface: kies XnConvert. Gratis, cross-platform, sleep een aantal afbeeldingen in één keer binnen, stel de kwaliteit of lossless-modus in en pas eventueel grootte en bestandsnaam aan. Dit is het meest zorgeloze hulpmiddel om van formaat te wisselen.
In je build-proces: kies cwebp of sharp. In een website-project is het beter om dit automatisch te verwerken tijdens het bouwen of uploaden naar een CDN:
bash
cwebp: kwaliteit 75, langzaamste en spaarzaamste coderingsmethode, kleurprofiel behouden
cwebp -q 75 -m 6 -metadata icc input.jpg -o output.webp
js
// sharp (Node.js)
await sharp('input.jpg').webp({ quality: 75, effort: 6 }).toFile('output.webp')
Twijfel je over de parameters? Gebruik eerst Squoosh om te testen. Google's online tool, werkt één voor één, maar met gesplitst scherm en live quality-schuifregelaar. Kijk eerst hoeveel kwaliteit je voor dit soort afbeeldingen nodig hebt, en vul de parameters daarna in de batch-tools in.
Scenario 2: Bestaande WebP, nog kleiner maken
Je website is al naar WebP overgestapt, maar Lighthouse geeft nog steeds aan dat 'afbeeldingen verder kunnen worden gecomprimeerd'; of je hebt een map vol met WebP-bestanden die ruimte innemen. Wat je nu nodig hebt is geen formaatwissel, maar het verkleinen van bestaande bestanden op hun oorspronkelijke locatie.
Voor Mac-gebruikers: ImgZilla
ImgZilla is onze macOS-imagecompressietool en dit is waar het in uitblinkt:
- Comprimeert op de originele locatie, pad blijft hetzelfde. Na het comprimeren blijft
banner.webphetzelfde, je hoeft geen enkele verwijzing in je website, code of documenten aan te passen. - Sleep een hele map binnen. Recursieve scan van alle submappen, automatisch overgeslagen voor verborgen bestanden en
node_modules; WebP en JPG, PNG, GIF, AVIF, HEIC en SVG worden ook in één keer verwerkt. - Geen parameters hoeven in te stellen. Gebruikt de Google libwebp-codering, kwaliteit 75 en codering-inspanning 4, overeenkomend met de standaardwaarden van Squoosh; transparante kanalen worden behouden met de hoogst mogelijke kwaliteit, er verschijnen geen randen op transparante achtergronden.
- Comprimeert niet als het niet kan. Als het opnieuw gecodeerde bestand niet kleiner is (compressiepercentage minder dan 0,4%), wordt het gemarkeerd als 'minimaal' en blijft het origineel behouden. Je krijgt geen grotere bestanden en je verbruikt ook geen gratis quota.
- Maak je later spijtig? Het origineel wordt standaard in de prullenbak geplaatst; klik met de rechtermuisknop op 'Terugplaatsen' om het terug te halen.
- Lokale verwerking. Geen bestanden worden naar een server geüpload.
👉 ImgZilla downloaden via Mac App Store
Op andere platforms: Caesium of TinyPNG
- Caesium Image Compressor: open-source en gratis, werkt op Windows, macOS en Linux, ondersteunt WebP-batchcompressie, kwaliteit en metadata kunnen worden ingesteld.
- TinyPNG: webtool, ondersteunt ook WebP. Sleep het bestand binnen en klaar, maar de gratis versie heeft beperkingen op het aantal en de grootte; bestanden worden geüpload naar de server van het bedrijf.
Scenario 3: Dynamische WebP
Er zijn twee soorten behoeften:
GIF omzetten naar dynamische WebP: gebruik het officiële gif2webp van Google (beschikbaar in de libwebp-toolkit, op Mac via brew install webp). Dynamische WebP is vaak aanzienlijk kleiner dan GIF voor dezelfde animatie.
bash
gif2webp -q 75 -m 6 input.gif -o output.webp
Bestaande dynamische WebP nog kleiner maken: veel tools geven een foutmelding bij animaties of behouden alleen de eerste frame. ImgZilla ondersteunt het opnieuw comprimeren van dynamische WebP – frame-voor-frame opnieuw gecodeerd, frame-aantal, duur per frame, herhaalcyclus en canvasgrootte blijven gelijk; de animatie is hetzelfde, maar het bestand is kleiner. Net als bij statische afbeeldingen wordt een niet-comprimeerbaar bestand gemarkeerd als 'minimaal' en blijft het origineel behouden.
Scenario 4: Pixels moeten precies hetzelfde blijven
UI-slices moeten strikt overeenkomen met het ontwerp, screenshots voor pixel-precieze vergelijkingen, assets die later nog moeten worden bewerkt – in dergelijke gevallen heb je lossless nodig.
Gebruik cwebp:
bash
Puur lossless
cwebp -lossless -z 9 input.png -o output.webp
Bijna lossless: pixels veranderen minimaal, maar aanzienlijk kleiner dan puur lossless, geschikt voor screenshots en UI
cwebp -near_lossless 60 input.png -o output.webp
Let op: ImgZilla gebruikt voor alle WebP-bestanden verliesgevende codering, ook als het origineel lossless was. De grootte wordt doorgaans aanzienlijk kleiner, maar de pixels zijn niet meer identiek. Ook worden metadata (waaronder kleurprofielen) verwijderd. Voor standaard sRGB-afbeeldingen is dit niet van invloed; voor afbeeldingen met een breder kleurengamma zoals Display P3 kunnen er kleine kleurverschillen optreden in kleurbepalende software. Voor afbeeldingen met strenge eisen aan pixels en kleur, gebruik cwebp of selecteer deze afbeeldingen vooraf uit en comprimeer ze apart.
Overzicht in een tabel
| Wat je moet doen | Aanbevolen | Alternatief |
|---|---|---|
| JPG / PNG in bulk omzetten naar WebP | XnConvert | cwebp, sharp (build-proces) |
| Parameters testen, één voor één | Squoosh | — |
| Bestaande WebP op locatie verkleinen (Mac) | ImgZilla | Caesium |
| Bestaande WebP verkleinen (Windows / Linux) | Caesium | TinyPNG |
| GIF omzetten naar dynamische WebP | gif2webp | — |
| Bestaande dynamische WebP verkleinen | ImgZilla | Eigen script met libwebp |
| Pixels moeten precies hetzelfde blijven | cwebp -lossless / -near_lossless |
— |
Downloadlinks
| Tool | Platform | Prijs | Download |
|---|---|---|---|
| ImgZilla | macOS 12.3+ | Gratis: 10 per dag | Mac App Store |
| XnConvert | Windows / macOS / Linux | Privé gratis | xnview.com |
| Caesium Image Compressor | Windows / macOS / Linux | Gratis open-source | saerasoft.com |
| cwebp / gif2webp / webpinfo | Command-line | Gratis open-source | Google downloadpagina, Mac: brew install webp |
| sharp | Node.js | Gratis open-source | sharp.pixelplumbing.com, npm install sharp |
| Squoosh | Web | Gratis | squoosh.app |
| TinyPNG | Web | Gratis met limiet | tinypng.com |
Laatste woord
WebP is zelf al een zeer efficiënt formaat. Als je WebP-bestanden zijn gegenereerd met een redelijke parameter door een CDN of build-tool, is de ruimte om nog te comprimeren beperkt; het zien van 'minimaal' is normaal. De meeste besparing komt vaak van bestanden die met een hoge kwaliteit zijn geëxporteerd, rechtstreeks van PNG lossless of van GIF zonder verdere verwerking.
Gebruik eerst webpinfo om te zien wat je hebt, kies vervolgens een tool op basis van het scenario, in plaats van tientallen tools te vergelijken.
ImgZilla ondersteunt momenteel alleen macOS (12.3 en hoger) en is beschikbaar via de Mac App Store. De gratis versie comprimeert 10 bestanden per dag; alleen geslaagde compressies tellen mee – sleep een map vol met WebP in en zie hoeveel je bespaart.