Laadt jouw website traag of scoor je niet zo goed als je zou willen in duurzaamheidstools zoals Ecograder? Grote kans dat je aan de slag moet met je afbeeldingen. Het gewicht van een gemiddelde webpagina bestaat namelijk voor 54%(!) uit afbeeldingen. In deze blog leg ik je uit waarom het belangrijk is om je afbeeldingen aan te passen voordat je ze uploadt én hoe je dat kunt doen.
Waarom moet je afbeeldingen optimaliseren?
Door je afbeeldingen kleiner en lichter te maken, laadt je website sneller en zuiniger. Dat is fijn voor bezoekers (minder wachttijd), goed voor je vindbaarheid in zoekmachines, en beter voor het milieu. Kleine bestanden vragen namelijk minder dataverkeer en energie. Zo draag je met elke foto die je optimaliseert een beetje bij aan een groenere digitale wereld.
De kunst is om je bestand zo klein mogelijk te maken, zonder dat het er pixelig of onscherp uitziet. Hoe je dat doet, lees je hieronder.
Zó optimaliseer je je afbeeldingen
Stap 1: Bepaal je bestandsformaat
Gebruik het formaat dat past bij het type beeld:
- SVG: ideaal voor logo’s, iconen of simpele illustraties. Schaalbaar zonder kwaliteitsverlies.
- WEBP: moderne vervanger van JPG en PNG. Kleinere bestandsgrootte, dezelfde kwaliteit.
- PNG: voor beelden met transparante achtergrond.
- JPG / JPEG: voor foto’s of illustraties zonder transparantie.
Wil je duurzaam en efficiënt werken? Zet je afbeeldingen waar dat mogelijk is om naar WEBP of SVG. Dat scheelt vaak tientallen procenten in laadtijd.
Stap 2: Bepaal je juiste afmeting
Een afbeelding hoeft zelden op volle resolutie online. Gebruik onderstaande richtlijnen als uitgangspunt:
- 2000 px breed → voor headerafbeeldingen over de hele breedte.
- 1200 px breed → voor blogafbeeldingen.
- 100–300 px breed → voor iconen of kleine visuals.
Je kunt dit makkelijk aanpassen in Canva, Figma of Adobe Photoshop.
Stap 3: Verklein de bestandsgrootte
Zelfs na het verkleinen van de afmetingen is je afbeelding vaak nog te zwaar. Gebruik daarom een compressietool om de bestandsgrootte omlaag te brengen, zonder zichtbaar kwaliteitsverlies.
Als richtlijn hanteer ik: maximaal 200 KB per afbeelding. Het liefst zelfs onder de 100KB.
Verderop in deze blog vind je een handige tool die deze stap én meer voor je doet.
Stap 4: Upload je geoptimaliseerde afbeelding
Tevreden met formaat en kwaliteit? Dan kun je je afbeelding uploaden op je website. Vervang oude, zwaardere versies om je site opgeruimd te houden. Wil je zien wat het oplevert? Meet je score in Ecograder of Website Carbon vóór én na je optimalisatie.
