Afbeeldingen comprimeren voor je website

Afbeeldingen comprimeren betekent dat je het bestand kleiner maakt zonder dat je het verschil ziet. Dat doe je in twee stappen: eerst verklein je de afbeelding naar de afmeting waarop hij op je site staat, daarna comprimeer je hem in een modern formaat zoals WebP of AVIF. Dat kan gratis met tools als Squoosh en TinyPNG. Gebruik je WordPress, dan regelt een plugin het bij het uploaden. Framer doet het grootste deel automatisch. Hieronder lees je hoe het werkt.

Waarom afbeeldingen comprimeren?

Een foto rechtstreeks van je telefoon of camera is vaak een paar megabyte groot. Op een snelle wifi merk je dat nauwelijks, maar op een mobiele verbinding moet een bezoeker daar seconden op wachten. Bij de meeste websites zijn afbeeldingen het zwaarste deel van een pagina.

• Snelheid. Kleinere bestanden laden sneller, vooral op mobiel. Bezoekers haken minder snel af.

• SEO. Google kijkt met de Core Web Vitals naar hoe snel het grootste element van je pagina in beeld staat. Dat is vaak een afbeelding. Lees meer in ons artikel over Core Web Vitals.

• Opslag en back-ups. Een mediabibliotheek vol bestanden van vijf megabyte maakt je back-ups groot en traag.

Wil je weten hoe je site er nu voor staat? Test je website-snelheid voordat je begint, zodat je het verschil achteraf kunt zien.

Afbeelding verkleinen of comprimeren: wat is het verschil?

Het zijn twee verschillende dingen, en je hebt ze allebei nodig.

• Verkleinen gaat over de afmeting in pixels. Een foto van 6000 pixels breed wordt op je site misschien 1200 pixels breed getoond. Al die extra pixels laadt de bezoeker voor niets.

• Comprimeren gaat over hoe efficiënt die pixels worden opgeslagen. Daarmee haal je kilobytes weg zonder dat de afbeelding kleiner wordt op je scherm.

Verklein dus eerst naar een logische breedte. Voor een afbeelding over de volle breedte van je scherm is rond de 2000 pixels meestal ruim genoeg, voor een afbeelding naast een tekst vaak de helft. Comprimeer daarna. Als richtlijn kun je per afbeelding onder de 200 kilobyte blijven, zoals we ook adviseren in WordPress sneller maken.

Welk formaat kies je?

Kort gezegd: foto’s als WebP (of AVIF), logo’s als SVG, en alleen PNG als je transparantie nodig hebt en WebP geen optie is.

Gratis tools om afbeeldingen te comprimeren

Squoosh

Squoosh (squoosh.app) is een gratis tool van het Chrome-team van Google die in je browser werkt. Je sleept een afbeelding erin, kiest een formaat zoals WebP of AVIF en ziet met een schuifbalk direct het verschil tussen origineel en resultaat. Je kunt ook meteen de afmeting verkleinen. Je afbeeldingen worden niet geüpload: alles gebeurt op je eigen computer. Handig voor een paar belangrijke foto’s, zoals de grote afbeelding op je homepage. Squoosh verwerkt wel één afbeelding tegelijk.

TinyPNG

Met TinyPNG (tinypng.com) comprimeer je meerdere afbeeldingen tegelijk. Het werkt met AVIF, WebP, PNG en JPG. Volgens de site kun je gratis 20 afbeeldingen tegelijk uploaden van maximaal 5 MB per stuk (oktober 2026). Omzetten naar een ander formaat kan gratis voor een beperkt aantal afbeeldingen; voor meer heb je een betaald abonnement nodig. Je afbeeldingen gaan bij TinyPNG wel naar hun server.

Op je eigen computer

Wil je alleen een afbeelding verkleinen in pixels? Dat kan ook met de standaard fotoprogramma’s van Windows en Mac. Comprimeren naar WebP doe je daarna in een van de tools hierboven.

Afbeeldingen comprimeren in WordPress

WordPress doet zelf al een deel van het werk. Bij het uploaden maakt het automatisch kleinere versies van je afbeelding, zodat een thema niet altijd het origineel hoeft te laden. Heel grote foto’s schaalt WordPress bij het uploaden terug. Afbeeldingen buiten beeld laden pas als een bezoeker ernaartoe scrollt (lazy loading). En recente versies van WordPress ondersteunen WebP, en AVIF als je server daar geschikt voor is. Of je server AVIF aankan, zie je onder Gereedschap bij de sitegezondheid, tabblad Info, onderdeel over mediaverwerking.

Wat WordPress niet doet: je bestaande JPG’s en PNG’s automatisch omzetten naar WebP of AVIF. Daarvoor gebruik je een plugin. Bekende opties zijn:

• Converter for Media: zet nieuwe en bestaande afbeeldingen om naar WebP (AVIF alleen in de betaalde versie).

• Imagify: comprimeert en zet om bij het uploaden.

• ShortPixel: comprimeert nieuwe en bestaande afbeeldingen.

• EWWW Image Optimizer: comprimeert op je eigen server of via hun dienst.

De meeste van deze plugins hebben een gratis versie met beperkingen en een betaald abonnement voor grotere aantallen. Bekijk de voorwaarden op de pluginpagina voordat je kiest. Kies er één: twee plugins die allebei je afbeeldingen bewerken, zitten elkaar in de weg. Maak voor je een plugin op je hele mediabibliotheek loslaat eerst een back-up.

Gebruik je een cachingplugin of een hoster met eigen optimalisatie? Kijk dan eerst of die het comprimeren al regelt. Meer tips om je site te versnellen lees je in WordPress sneller maken.

Wat Framer zelf doet

In Framer hoef je volgens de eigen help bijna niets te doen. Framer:

• maakt van elke JPG, PNG, WebP of GIF automatisch kleinere versies (tot 512, 1024, 2048 en 4096 pixels aan de lange kant);

• zet de meeste afbeeldingen om naar AVIF, met WebP als terugval voor browsers die AVIF niet kennen;

• laat elke browser zelf de beste maat kiezen;

• laadt afbeeldingen verder op de pagina pas als ze in beeld komen.

Framer raadt aan om afbeeldingen onbewerkt te uploaden, ze niet zelf om te zetten naar AVIF of WebP en de instelling Resolution (onder Fill, Image) op Auto te laten staan. Framer maakt een afbeelding nooit groter dan het origineel, dus upload wel een versie die groot genoeg is.

Vergeet de alt tekst niet

Een snelle afbeelding is mooi, maar Google moet ook begrijpen wat erop staat. Geef elke afbeelding een duidelijke beschrijving. Hoe je dat doet, lees je in alt tekst bij afbeeldingen schrijven.

Liever laten regelen?

Geen tijd om je hele mediabibliotheek na te lopen? Bij WordPress-onderhoud van Rocketstyle nemen we het technische onderhoud van je WordPress-site van je over, zodat jij je met je bedrijf bezig kunt houden.