Je afbeeldingen zijn van de oude stempel: stap over op WebP of AVIF

JPG, PNG en GIF bestaan al tientallen jaren. WebP en AVIF zijn nieuwere formaten die dezelfde afbeelding vaak in de helft van de kilobytes opslaan, of nog minder. Alle moderne browsers ondersteunen ze.

In het kud-rapport Je afbeeldingen zijn van de oude stempel

Waarom het uitmaakt

Kleinere bestanden betekenen een snellere pagina, minder dataverbruik op mobiel en een betere score bij Google, zonder dat je afbeeldingen er slechter uitzien.

Vooral grote foto's en PNG's met veel kleur besparen veel. Een PNG-foto van 1,5 MB wordt als WebP vaak minder dan 200 kB.

Zo los je het op

Zet je afbeeldingen om naar WebP of AVIF. Gratis tools: Squoosh (in je browser) of de exportfunctie van je fotoprogramma.
Gebruik WebP als veilige keuze. AVIF is nog kleiner, maar het omzetten duurt langer.
Wil je een terugval voor heel oude browsers, gebruik dan het picture-element.
Logo's en iconen kun je vaak het best als SVG opslaan: scherp op elk formaat en piepklein.

<picture>
  <source srcset="/img/hero.avif" type="image/avif">
  <source srcset="/img/hero.webp" type="image/webp">
  <img src="/img/hero.jpg" width="1600" height="900" alt="Onze winkel">
</picture>

Op jouw platform

WordPress: Sinds versie 5.8 kun je WebP uploaden. Plugins als ShortPixel, EWWW en Imagify zetten je bestaande afbeeldingen automatisch om.
Shopify en Wix: Die zetten afbeeldingen zelf om naar moderne formaten. Hier hoef je meestal niks te doen.

Veelgestelde vragen

Werkt WebP in alle browsers?

In alle moderne browsers wel, inclusief Safari. Alleen heel oude versies niet, en daarvoor is de picture-terugval.

Wat is beter, WebP of AVIF?

AVIF is meestal nog kleiner, WebP is sneller om te maken en net iets breder ondersteund. Allebei zijn ze een flinke stap vooruit ten opzichte van JPG.