Afbeeldingen zijn op de meeste websites de grootste reden dat pagina’s traag laden. Een foto rechtstreeks van je telefoon is al snel 3 tot 5 MB, terwijl hij op je website met 100 tot 200 KB net zo scherp oogt. Door afbeeldingen te comprimeren laadt je website sneller, wat beter is voor bezoekers, voor je conversie en voor Google. In dit artikel lees je hoe je dat doet, met gratis tools.
Door Romy Castermans, SEO specialist bij GetForward.
Waarom afbeeldingen comprimeren?
- Snelheid: kleinere bestanden laden sneller, vooral op mobiel.
- Core Web Vitals: de grootste afbeelding bovenaan een pagina bepaalt vaak de Largest Contentful Paint (LCP), een van de snelheidsmetingen van Google. Zie Core Web Vitals.
- Conversie: bezoekers haken af als een pagina traag laadt.
- Opslag en hosting: minder ruimte en dataverkeer.
Drie stappen: afmeting, formaat, compressie
1. De juiste afmeting
Upload een foto nooit groter dan hij op je website wordt getoond. Een foto van 6000 pixels breed in een vak van 800 pixels is zonde.
| Gebruik | Breedte (richtlijn) |
|---|---|
| Afbeelding over de volle breedte (hero) | 1920–2400 px |
| Afbeelding in een blog of tekst | 1000–1400 px |
| Productfoto | 1000–2000 px (voor inzoomen) |
| Thumbnail of icoon | 300–600 px |
2. Het juiste bestandsformaat
| Formaat | Gebruik |
|---|---|
| WebP | De beste standaardkeuze voor foto’s en afbeeldingen op je website. Vaak 25–35% kleiner dan JPG bij dezelfde kwaliteit |
| AVIF | Nog kleiner dan WebP. Wordt door alle moderne browsers ondersteund, maar niet door elk CMS of elke plugin |
| JPG | Prima voor foto’s als WebP niet kan |
| PNG | Voor afbeeldingen met transparantie of scherpe tekst. Voor foto’s te groot |
| SVG | Voor logo’s en iconen: scherp op elk formaat en heel klein |
3. Comprimeren
Bij compressie haal je overbodige data uit het bestand. Met een kwaliteit van 75–85% zie je meestal geen verschil, terwijl het bestand veel kleiner wordt. Streef naar minder dan 200 KB voor de meeste afbeeldingen, en minder dan 100 KB waar het kan.
Gratis tools om foto’s kleiner te maken
- Squoosh (squoosh.app, van Google): in de browser, vergelijk het origineel en het resultaat naast elkaar, en zet om naar WebP of AVIF.
- TinyPNG / TinyJPG: sleep je foto’s erin, en ze worden direct kleiner. Werkt ook met WebP.
- Windows: open de foto in Foto’s, kies “Formaat wijzigen”.
- Mac: open de foto in Voorvertoning, kies Extra → Pas grootte aan, en exporteer met een lagere kwaliteit.
- Telefoon: veel camera-apps kunnen een kleinere versie delen of opslaan.
Let op met onbekende online tools: upload geen foto’s met gevoelige of persoonlijke informatie.
Automatisch comprimeren in WordPress en Shopify
WordPress
Een plugin comprimeert nieuwe uploads automatisch, en kan bestaande afbeeldingen in één keer verwerken. Bekende plugins zijn ShortPixel, Imagify, Smush en EWWW Image Optimizer. De meeste zetten afbeeldingen ook om naar WebP. Zie WordPress plugins.
Shopify
Shopify levert afbeeldingen automatisch in een geschikt bestandsformaat en op de juiste grootte per apparaat. Upload toch geen enorme bestanden. Voor extra compressie zijn er apps zoals TinyIMG.
Meer dan comprimeren
- Lazy loading: afbeeldingen onderaan de pagina laden pas als de bezoeker scrollt. WordPress doet dit standaard. Zet het juist uit voor de grootste afbeelding bovenaan, anders wordt je LCP slechter.
- Breedte en hoogte opgeven, zodat de pagina niet verspringt tijdens het laden.
- Responsive afbeeldingen: de browser kiest zelf een kleinere versie voor mobiel. WordPress regelt dat automatisch.
- Alt-tekst en bestandsnaam: goed voor toegankelijkheid en vindbaarheid. Zie SEO afbeeldingen.
Hoe snel je website nu is, meet je met PageSpeed Insights. Zie pagespeed.
Veelgestelde vragen
Hoe maak ik een foto kleiner zonder kwaliteitsverlies?
Verklein eerst de afmeting naar wat je nodig hebt, sla hem op als WebP en comprimeer met een kwaliteit van 75–85%. Met een tool als Squoosh zie je direct of er verschil is.
Hoe groot mag een afbeelding op een website zijn?
Streef naar minder dan 200 KB per afbeelding, en minder dan 100 KB waar het kan. Grote afbeeldingen over de volle breedte mogen iets groter zijn.
Wat is beter: WebP of JPG?
WebP is meestal beter: de bestanden zijn kleiner bij dezelfde kwaliteit, en alle moderne browsers ondersteunen het.
Helpt afbeeldingen comprimeren voor SEO?
Ja, indirect. Een snellere website scoort beter op de Core Web Vitals en geeft bezoekers een betere ervaring. Dat telt mee voor Google.
Is je website te traag?
We meten waar de vertraging zit, van afbeeldingen tot hosting, en maken je site sneller voor bezoekers en Google.
Vraag een gratis SEO scan aan → · Webbouw
