Naar WebP en AVIF converteren online: lichtere afbeeldingen, snellere sites en betere SEO

Op vrijwel elke site die we auditen, zijn afbeeldingen wat het zwaarst weegt op de pagina. Ze vormen meestal 50 tot 70 procent van het totale paginagewicht, veel meer dan scripts, lettertypes en CSS samen. Dat maakt het beeldformaat de goedkoopste en minst riskante prestatiewinst die er is: je verandert de bytes die over het netwerk reizen zonder je layout, je code of je ontwerp aan te raken. Wij zijn gdefoto, een studio voor productfotografie en retouche, en we publiceren dagelijks geoptimaliseerde beelden voor webshops. In deze gids lopen we WebP en AVIF langs zoals we het aan klanten en ontwikkelaars uitleggen: wat ze echt zijn, hoeveel gewicht ze besparen ten opzichte van JPEG en PNG, hoe zich dat vertaalt in snellere pagina's en betere Core Web Vitals, hoe ver de browserondersteuning in 2026 staat en de concrete gevallen waarin het ene formaat het andere verslaat. Wil je alleen resultaat, dan kun je in een minuut online naar WebP en AVIF converteren en meteen door naar een lichtere site. Wil je de beslissing erachter begrijpen, lees dan verder.

WebP en AVIF zijn moderne beeldformaten van de nieuwe generatie, gemaakt om de verouderde JPEG en PNG te vervangen. JPEG is uit 1992 en PNG uit 1996, en beide dateren van voor de compressiewiskunde die we vandaag vanzelfsprekend vinden in videocodecs. WebP en AVIF lenen die wiskunde, en daarom stoppen ze hetzelfde beeld in veel minder bytes.

WebP werd in 2010 uitgebracht door Google. Het komt voort uit de videocodecs VP8 en later VP9. Het ondersteunt lossy en lossless compressie, transparantie (een alfakanaal zoals bij PNG) en animatie (zoals GIF). In de praktijk zien we WebP-bestanden die 25 tot 35 procent lichter wegen dan een JPEG bij visueel identieke kwaliteit, en veel lichter dan een PNG voor dezelfde grafiek met transparantie, vaak 60 tot 80 procent lichter.

AVIF kwam in 2019, gebouwd op de videocodec AV1. Het is de agressiefste van de twee. AVIF ondersteunt een breed kleurbereik, HDR, kleurdiepte van 10 en 12 bit, transparantie en animatie. In fotografische content meten we AVIF meestal 30 tot 50 procent kleiner dan een JPEG, en vaak 20 procent kleiner dan het gelijkwaardige WebP. Het behoudt detail in huidtinten, verlopen en vlakke kleurgebieden, waar JPEG blokken en artefacten geeft.

Enkele echte cijfers van bestanden die wij verwerken. Een productfoto van 1500 bij 1500 pixels die als JPEG van kwaliteit 85 ongeveer 420 KB is, gaat naar ongeveer 280 KB als WebP en naar ongeveer 190 KB als AVIF, zonder dat een koper het kleinste verschil merkt. Op een productpagina met 40 afbeeldingen is dat het verschil tussen een pagina van 16 MB en een van 7 MB.

Veelgemaakte fouten van webmasters hier:

• Een reeds gecomprimeerde JPEG converteren en magie verwachten. Je haalt het meeste eruit als je codeert vanaf een origineel van hoge kwaliteit, niet vanaf een bestand dat al detail heeft verloren.
• De kwaliteit op 100 zetten. AVIF en WebP zijn uitstekend bij kwaliteit 75 tot 85. 100 forceren blaast het bestand op en wist het voordeel uit.
• PNG gebruiken voor foto's. PNG is voor vlakke grafiek en transparantie, nooit voor fotografie. Die foto's naar WebP of AVIF overzetten is de grootste enkele besparing op de meeste sites.

Lichtere afbeeldingen zijn geen luxe. Google rangschikt pagina's deels op hun werkelijke laadprestatie via de Core Web Vitals, en afbeeldingen zijn direct verbonden met de metrieken die het meest tellen. Migreren naar WebP of AVIF beweegt de naald bij elk ervan.

Largest Contentful Paint (LCP) is meestal je hoofdbeeld of dat van het uitgelichte product. Het is de metriek waaraan Google het meeste gewicht geeft, en het doel ligt onder 2,5 seconde. Omdat LCP meet wanneer je grootste zichtbare element klaar is met laden, kan het verkleinen van dat beeld van 420 KB naar 190 KB een hele seconde of meer schelen op een gemiddelde mobiele verbinding. In onze voor-en-na-tests haalt alleen de formaatconversie de LCP doorgaans uit de zone "moet beter" naar de zone "goed".

Cumulative Layout Shift (CLS) gaat over visuele stabiliteit, met een doel onder 0,1. Lichtere afbeeldingen die sneller laden, gecombineerd met expliciete breedte- en hoogteattributen, voorkomen dat content verspringt wanneer de foto's verschijnen. De formaatwijziging helpt indirect: sneller laden betekent minder tijd waarin de layout zich herschikt.

Interaction to Next Paint (INP) profiteert ook, want minder tijd besteden aan het decoderen en downloaden van enorme afbeeldingen maakt de hoofdthread vrij om op taps en klikken te reageren.

Naast de Vitals zijn er neveneffecten voor SEO en business. Minder paginagewicht betekent een lager bouncepercentage, en Google heeft studies gepubliceerd die tonen dat de kans op bouncen sterk stijgt wanneer de laadtijd de drie seconden overschrijdt. Lichtere afbeeldingen verlagen ook je bandbreedterekening en je CDN-kosten. Voor een mobiele koper met beperkte data is een pagina van 7 MB tegenover 16 MB het verschil tussen een verkoop en de terugknop.

Enkele praktische regels die wij toepassen:

• Serveer het nieuwe-generatieformaat aan browsers die het ondersteunen en gebruik JPEG als terugval met het element picture en meerdere source-tags.
• Zet loading="lazy" op afbeeldingen onder de vouw, maar nooit op je LCP-beeld, dat meteen moet laden.
• Voeg fetchpriority="high" toe aan het hoofdbeeld zodat de browser het als eerste downloadt.
• Geef altijd breedte en hoogte op om de CLS te beschermen.

Als je productfoto's voor het optimaliseren ook schone randen of een witte achtergrond nodig hebben, sluiten onze diensten voor achtergrondverwijdering natuurlijk aan op de formaatconversie.

Het meest gehoorde bezwaar is: "breekt het in oude browsers?". In 2026 is die zorg praktisch achterhaald, maar de twee formaten zitten in verschillende fasen van volwassenheid, en de juiste keuze hangt af van je publiek en je gereedschap.

De ondersteuning van WebP is vrijwel universeel. Chrome, Firefox, Edge, Safari en alle moderne mobiele browsers ondersteunen het al jaren. Safari voegde WebP toe in 2020 in versie 14. De wereldwijde ondersteuning gaat ruim voorbij de 96 procent. In de praktijk kun je vandaag WebP aan iedereen serveren en missen alleen de alleroudste browsers het.

De ondersteuning van AVIF is solide en groeit. Chrome en Firefox ondersteunen het sinds 2020 en 2021. Safari voegde AVIF toe in versie 16 in 2022, met een volledige ondersteuning die in latere versies rijpte. De wereldwijde ondersteuning schommelt al in de midden-lage 90 procent. Een klein deel van oude Safari en verouderde omgevingen heeft het nog niet.

Daarom is de veilige standaard beide serveren en de browser laten kiezen. Met het element picture zet je eerst AVIF, dan WebP en als laatste een terugval-JPEG. De browser pakt het eerste formaat dat hij begrijpt, dus moderne browsers krijgen AVIF, iets oudere krijgen WebP en al de rest krijgt JPEG. Niemand ziet een gebroken beeld.

Wanneer je naar elk grijpt:

• Gebruik AVIF voor fotografische content waar elke kilobyte telt: grote hoofdbanners, dichte productgalerijen, marktplaatskaarten met tientallen afbeeldingen. Het geeft de kleinste bestanden en de beste verlopen.
• Gebruik WebP wanneer je één formaat met bijna universeel bereik en eenvoudiger gereedschap wilt, of voor grafiek met transparantie die brede compatibiliteit vraagt. Bovendien codeert het sneller dan AVIF, wat telt bij zeer grote batches.
• Houd JPEG alleen als terugval in je picture-element, nooit als hoofdformaat dat je serveert.

Een detail dat je moet weten: het coderen van AVIF is trager en belast de CPU meer dan dat van WebP. Bij een handvol afbeeldingen is het onmerkbaar, maar bij duizenden loont een tool die dit efficiënt afhandelt. Je kunt met onze gratis converter online naar WebP en AVIF converteren en beide formaten krijgen zonder iets te installeren of te vechten met codeerprogramma's op de opdrachtregel.