Hoe comprimeer je afbeeldingen?

Verklein ze tot de maat waarin ze op je site staan, en sla ze op als WebP of AVIF. Dan laadt je pagina sneller, vooral op een telefoon.

Wat het is.

Comprimeren maakt het bestand van een afbeelding kleiner, in kilobytes. Met verlies laat je details weg die het oog toch mist; dat scheelt het meest. Verliesloos houdt elke pixel, en wint minder.

Begin met de afmetingen. Een foto van je telefoon is al gauw 4000 pixels breed. Staat hij op je site 800 pixels breed, dan laadt je bezoeker veel meer pixels dan hij ooit ziet. Verklein hem eerst, en comprimeer daarna. Dan kies je het formaat.

Welk formaat je kiest voor een afbeelding op je site
Onderdeel	Gebruik het voor	Goed om te weten
WebP	foto’s en afbeeldingen, ook met een doorzichtige achtergrond	kleiner dan JPEG en PNG; moderne browsers tonen het
AVIF	foto’s, als je systeem het kan maken	vaak nog kleiner dan WebP; geef een terugval mee
JPEG	foto’s, als terugval	werkt overal, maar is zwaarder
PNG	logo’s, schermafbeeldingen, tekst in beeld	scherp, maar voor foto’s veel zwaarder dan nodig

Bron: Google (WebP): WebP met verlies is 25 tot 34 procent kleiner dan een vergelijkbare JPEG, verliesloos 26 procent kleiner dan PNG. Over AVIF: web.dev. Oktober 2026.

<picture>
  <source srcset="/fotos/werkplaats.avif" type="image/avif">
  <source srcset="/fotos/werkplaats.webp" type="image/webp">
  <img src="/fotos/werkplaats.jpg" width="800" height="533"
       alt="Monteur aan het werk in de werkplaats" loading="lazy">
</picture>

Zo ziet dat eruit in de code. De browser neemt het eerste formaat dat hij kent. Met width en height houdt hij vooraf ruimte vrij, en loading="lazy" laadt de foto pas als iemand ernaartoe scrolt.

Waarom het telt.

Afbeeldingen zijn vaak het grootste deel van een pagina, schrijft Google. Zware afbeeldingen maken een pagina traag en duur om te laden, zeker op een telefoon met een matige verbinding.

Dat zie je terug in de Core Web Vitals, de maten van Google voor hoe bezoekers je pagina ervaren. Is een grote foto bovenaan het grootste wat er in beeld staat, dan meet LCP hoe snel die er is. En een afbeelding zonder vaste breedte en hoogte duwt de tekst omlaag zodra hij binnenkomt. Dan verspringt de pagina, en dat meet CLS.

Bron: Google Search Central (afbeeldingen) en web.dev (lazy loading en CLS), oktober 2026.

Zo controleer je het.

In je browser

Klik met rechts op een afbeelding en open hem in een nieuw tabblad. In Chrome en Firefox staat in het tabblad hoe groot hij is in pixels. Het gewicht zie je in de ontwikkelaarstools (F12), onder Netwerk: filter op afbeeldingen en herlaad de pagina.

In PageSpeed Insights

Test een pagina. Onder de score staat welke afbeeldingen kleiner kunnen, in een ander formaat of een kleinere maat, en hoeveel dat ongeveer scheelt.

In Search Console

Het rapport Core Web Vitals laat zien of pagina’s traag laden (LCP) of verspringen (CLS). Afbeeldingen zijn dan een goede eerste plek om te kijken.

Met de gratis SEO-check

Ziet afbeeldingen zonder vaste maten, en pagina’s die te zwaar zijn. Hieronder staat wat de scan nog meer bekijkt.

Zo los je het op.

In WordPress

WordPress maakt van elke upload kleinere versies, en de browser kiest de passende. Bij afbeeldingen uit de mediabibliotheek zet WordPress ook zelf de breedte, de hoogte en lazy loading. Verklein en comprimeer een foto dus vooral voordat je hem uploadt, en sla hem op als WebP. AVIF kan sinds WordPress 6.5, als je hosting het aankan.

Bij een ander systeem

Sla foto’s op in de maat waarin ze getoond worden, als WebP of AVIF, met een JPEG als terugval. Geef elke afbeelding een width en height. Zet loading="lazy" op afbeeldingen die je pas ziet als je scrolt, maar niet op de grote foto bovenaan.

Voor je webbouwer

Komen de zware afbeeldingen uit je thema of een paginabouwer? Of wil je dat je site zelf WebP en AVIF levert aan browsers die erom vragen? Dat is werk voor je webbouwer. Veel systemen en hostingpartijen kunnen het vanzelf.

Wat de SEO-check ziet.

De gratis SEO-check kijkt of je afbeeldingen vaste maten hebben, en of er pagina’s zijn die te zwaar zijn. De volledige scan, in elk pakket van Hoort SEO, kijkt daarnaast of je afbeeldingen laden en of ze niet zwaarder zijn dan 300 KB.

We wegen een afbeelding zoals een browser hem krijgt. Levert je site WebP of AVIF aan wie erom vraagt, dan krijg je dus geen vals alarm over zware afbeeldingen. Bij elk punt staat waarom het telt, hoe je het oplost en wie het oplost.

Doe de gratis SEO-check

Vragen over afbeeldingen.

Hoe zwaar mag een afbeelding zijn?

Google noemt geen vaste grens. Hoe lichter, hoe beter, zolang je geen verschil ziet. De volledige scan van Hoort SEO waarschuwt bij afbeeldingen boven de 300 KB.

Kies ik WebP of AVIF?

Allebei goed. AVIF is vaak nog kleiner, WebP is al langer overal te gebruiken. Kan je systeem AVIF maken, geef dan een WebP of JPEG mee voor browsers die AVIF niet kennen.

Wordt mijn foto er slechter van?

Bij comprimeren met verlies gaat er iets verloren, maar bij een gewone instelling zie je dat niet. Zie je vlekken of blokjes rond letters en randen, kies dan een hogere kwaliteit. Bekijk het resultaat altijd even op je eigen scherm.

Moet ik lazy loading zelf aanzetten?

In WordPress niet: dat doet WordPress al voor afbeeldingen verderop in de pagina. Op een andere site zet je loading="lazy" op afbeeldingen die je pas ziet als je scrolt. Niet op de grote foto bovenaan, want die moet juist meteen laden.

Helpen lichtere afbeeldingen in Google?

Ze maken je pagina sneller, en Google neemt de ervaring op je pagina mee. Voor Google Afbeeldingen tellen daarnaast een goede alt-tekst en een duidelijke bestandsnaam.

Zo schrijf je een alt-tekst