Waarom WebP lichter is dan JPG
De verliesgevende modus van WebP gebruikt nieuwere compressietechnieken dan JPG, een formaat dat teruggaat tot begin jaren negentig. Bij foto’s is een WebP vaak 25–35% kleiner dan een JPG bij vergelijkbare visuele kwaliteit. Op een pagina met veel afbeeldingen loopt dat verschil op en kan het laden merkbaar sneller maken, vooral op mobiele verbindingen.
Er is een addertje dat je moet begrijpen. Je JPG is al verliesgevend gecomprimeerd en WebP-uitvoer is ook verliesgevend, dus deze conversie comprimeert de afbeelding een tweede keer. De WebP kan niet meer detail bevatten dan de JPG waaruit hij komt, en bij lage kwaliteitsinstellingen kunnen de twee rondes compressie elkaar versterken. Begin met de JPG van de hoogste kwaliteit die je hebt, bij voorkeur de oorspronkelijke export uit je camera of bewerkingsprogramma, in plaats van een kopie die al voor het web is verkleind.
Een WebP-kwaliteit kiezen voor foto’s
De standaardwaarde 85 is een evenwichtig beginpunt voor de meeste foto’s. Als ruwe richtlijn:
- 85 tot 92 voor hoofdafbeeldingen, productfoto’s en alles waar fijne textuur zoals stof, haar of bladeren telt;
- 75 tot 85 voor gewone artikel- en galerijafbeeldingen;
- 65 tot 75 voor kleine miniaturen, waar storing op weergavegrootte moeilijk te zien is.
Ga er niet van uit dat de getallen overeenkomen met JPG. Een WebP op 85 en een JPG op 85 komen van verschillende encoders en zien er niet identiek uit, dus beoordeel het resultaat op het oog bij één representatieve afbeelding voordat je de rest omzet.
Afmetingen doen er net zoveel toe als kwaliteit. Een foto van 6.000 pixels breed rechtstreeks uit een camera is veel groter dan een pagina hem ooit toont. Gebruik Instellingen → Formaat om afbeeldingen in te passen binnen de grootste afmeting die je opmaak toont; de beeldverhouding blijft behouden en foto’s worden nooit vergroot.
JPG en WebP voor foto’s
| Criterium | JPG | WebP |
|---|---|---|
| Compressie | Verliesgevend | Met of zonder verlies (deze converter maakt verliesgevende WebP) |
| Typische grootte van een foto | Uitgangspunt | Vaak 25–35% kleiner bij vergelijkbare visuele kwaliteit |
| Transparantie | Niet ondersteund | Ondersteund |
| Animatie | Niet ondersteund | Ondersteund |
| Webbrowsers | Alle | Alle gangbare browsers |
| Andere software | Bijna overal geaccepteerd | Sommige oudere apps, drukkerijen en e-mailprogramma’s weigeren het |
| Het best geschikt voor | Delen, afdrukken, compatibiliteit | Afbeeldingen publiceren op websites en in apps |
Wanneer een JPG beter een JPG blijft
- Hij verlaat het web. Drukkerijen, e-mailontvangers en oudere kantoorsoftware accepteren WebP mogelijk niet, dus bewaar voor die toepassingen een JPG.
- Hij is al sterk gecomprimeerd. Bij een kleine JPG van lage kwaliteit valt niet veel meer te besparen, en nog een verliesgevende ronde voegt alleen storing toe.
- Het is je archiefkopie. Bewaar de oorspronkelijke JPG’s en beschouw de WebP-bestanden als de versies die je publiceert.
De andere kant op is net zo makkelijk: stuurt iemand je WebP-afbeeldingen die je software niet opent, gebruik dan WebP naar JPG.
WebP-foto’s op je site zetten
Het meeste werk na het omzetten gebeurt in je website zelf. Een paar gewoonten maken de overstap soepel:
- Houd de instellingen consistent. Dezelfde kwaliteit en maximale breedte voor elke afbeelding in een galerij zorgt dat ze naast elkaar uniform blijven ogen.
- Werk elke verwijzing bij. De omgezette bestanden hebben de extensie
.webp, dus links, afbeeldingstags en thema-instellingen die naar de oude.jpg-namen verwijzen, moeten worden aangepast. - Controleer eerst je platform. Veel actuele contentmanagementsystemen accepteren WebP-uploads, maar sommige oudere en sommige plug-ins niet.
Voordat je publiceert
EXIF-gegevens worden niet naar de WebP gekopieerd, dus gps-coördinaten en cameragegevens worden niet samen met je foto’s gepubliceerd. Velden voor auteursrecht en bijschrift vallen ook weg, dus vermeld fotografen waar nodig in de tekst van je pagina. De stand wordt in de pixels verwerkt, waardoor foto’s rechtop staan zonder afhankelijk te zijn van labels.
Kleuren worden omgezet naar sRGB, de kleurruimte die browsers aannemen voor afbeeldingen zonder label. Foto’s die op recente telefoons in Display P3 zijn genomen, kunnen er daarna iets minder levendig uitzien, wat een snelle controle waard is bij productfoto’s waar kleur telt.
Je kunt tot 10 foto’s per reeks omzetten. Ze worden een voor een verwerkt en de ZIP-download slaat ze op zonder ze opnieuw te comprimeren, dus de bestanden in het archief zijn precies de WebP’s die je hebt gemaakt.