Afbeeldingen zijn op de meeste websites veruit de zwaarste bestanden — vaak goed voor meer dan de helft van het totale laadgewicht. Jarenlang was de keuze simpel: JPEG voor foto’s, PNG voor logo’s en transparantie. Maar die formaten stammen uit de jaren negentig, en er zijn inmiddels opvolgers die hetzelfde beeld in een fractie van de bestandsgrootte leveren: WebP en AVIF. Wie ze goed inzet, maakt zijn website merkbaar sneller zonder ook maar iets aan het ontwerp te veranderen.
Wat zijn WebP en AVIF?
WebP (ontwikkeld door Google) en AVIF (gebaseerd op de AV1-videocodec) zijn moderne afbeeldingsformaten met veel slimmere compressie dan JPEG en PNG. In de praktijk is een WebP-bestand zo’n 25 tot 35 procent kleiner dan een vergelijkbare JPEG; AVIF gaat verder en haalt regelmatig 50 procent of meer besparing bij gelijke beeldkwaliteit. Beide ondersteunen transparantie (als vervanger van PNG) en animatie (als vervanger van GIF). Browserondersteuning is geen zorg meer: WebP werkt al jaren overal, en AVIF wordt inmiddels door alle grote browsers ondersteund.
Wat levert het op?
Kleinere afbeeldingen betekenen snellere laadtijden, en dat telt dubbel: bezoekers haken minder snel af, en Google gebruikt laadprestaties (Core Web Vitals, met name de LCP — het moment waarop het grootste beeld in beeld staat) als rankingfactor. Juist die LCP wordt meestal bepaald door een grote header- of productfoto. Diezelfde foto als AVIF in plaats van JPEG scheelt zomaar honderden kilobytes — winst die je direct terugziet in de meetcijfers van PageSpeed Insights. Voor webshops met honderden productfoto’s telt het ook op in bandbreedte- en opslagkosten.
Zo zet je het in op WordPress
Het goede nieuws: je hoeft niet handmatig duizenden afbeeldingen om te zetten. Er zijn drie routes. Eén: WordPress zelf ondersteunt het uploaden van WebP al een tijd, en recente versies kunnen uploads automatisch naar moderne formaten converteren. Twee: een optimalisatieplugin of -dienst (zoals ShortPixel, Imagify of Smush) converteert je hele mediabibliotheek op de achtergrond en serveert automatisch WebP of AVIF aan browsers die het aankunnen, met de originele JPEG als terugvaloptie. Drie: een CDN met beeldoptimalisatie doet de conversie on-the-fly, zonder iets aan je site te wijzigen. Voor de meeste sites is route twee de praktische keuze: eenmalig instellen, en elke toekomstige upload wordt automatisch geoptimaliseerd.
Waar je op moet letten
Een paar aandachtspunten. Controleer na het omzetten steekproefsgewijs de beeldkwaliteit — vooral AVIF kan bij agressieve instellingen detail gladstrijken in foto’s met veel structuur. Houd de originelen als bron; converteer altijd vanaf het origineel en niet van WebP naar AVIF. En vergeet de rest van de beeldhygiëne niet: het beste formaat helpt weinig als je een afbeelding van 4000 pixels breed laadt in een kader van 400 pixels. Juiste afmetingen, lazy loading voor beelden onder de vouw en een modern formaat vormen samen het complete pakket.
Conclusie
WebP en AVIF leveren hetzelfde beeld in de helft van de kilobytes, en elke serieuze browser kan ermee overweg. Met een optimalisatieplugin of CDN zet je je complete mediabibliotheek zonder handwerk om, met JPEG als vangnet voor de zeldzame uitzondering. Het is een van de weinige snelheidsoptimalisaties die niets kosten aan design of functionaliteit — gratis winst voor je bezoekers én je Google-scores.