Wat is WebP?
WebP is een beeldformaat dat door Google is ontwikkeld en dezelfde beeldkwaliteit levert bij een aanzienlijk kleiner bestand dan jpeg of png.
Het werkt in alle moderne browsers.
Voor je laadtijd is het een van de eenvoudigste winsten die er zijn.
Wat het kan
Foto’s met verlies comprimeren zoals jpeg, en lijnwerk met doorzichtigheid zoals png. Eén formaat voor allebei.
Meer daarover lees je bij het verschil met jpg en png.
Wat het scheelt
Bij foto’s vijfentwintig tot vijfendertig procent, bij lijnwerk soms meer. Dat is het verschil zonder zichtbaar kwaliteitsverlies.
Meer daarover lees je bij hoeveel WebP scheelt.
Wat het niet kan
Lijnwerk oneindig schalen. Daarvoor blijf je bij een vectorformaat.
Meer daarover lees je bij svg.
Mijn vuistregels
- Zet omzetting aan met een plugin.
- Bewaar je originelen.
- Gebruik het niet voor logo’s; die blijven vector.
- Meet je pagina voor en na.
Die tweede is belangrijk: je wilt later kunnen terugvallen op je bronbestand.
Sinds wanneer het bruikbaar is
Sinds ongeveer 2020 ondersteunt elke gangbare browser het. De twijfel daarover is verouderd.
Meer daarover lees je bij of WebP in alle browsers werkt.
Wat erna kwam
Een nieuwer formaat dat nog kleiner is, maar met minder brede ondersteuning.
Meer daarover lees je bij pagespeed.
Wat ik in de praktijk zie misgaan
Het omzetten wordt gedaan zonder dat de originelen bewaard blijven.
Dat gaat goed tot het moment dat er drukwerk gemaakt moet worden, of een foto voor een advertentie in een groter formaat nodig is. Dan blijkt de enige versie die er nog is, de webversie te zijn: kleiner gemaakt, gecomprimeerd en niet geschikt om te vergroten.
Ik kom het het vaakst tegen bij bedrijven die van bureau zijn gewisseld en alleen de site hebben meegekregen.
Wat ik daarom aanhoud is dat de originele bestanden ergens los bewaard blijven, buiten de website, in de map waar ook je logo en je huisstijl staan. De site is een publicatiekanaal, geen archief.
En bij het omzetten geldt hetzelfde als bij alles op dit gebied: de grootste winst zit niet in het formaat maar in het terugbrengen van afbeeldingen naar de maat waarin ze getoond worden.
Meer daarover lees je bij optimalisatie.