Neem je een foto met je iPhone en upload je hem direct naar je website? Dan zit die foto waarschijnlijk op 4 tot 8 MB per stuk. Op een pagina met 10 foto's ben je zo 80 MB verder — genoeg om mobile bezoekers gefrustreerd weg te laten klikken.
Wat is een goede maximale grootte?
- Onder 100 KB: licht. Laadt supersnel op elke verbinding.
- 100-200 KB: normaal. Prima voor de meeste sites.
- 200-500 KB: zwaar. Alleen als het echt een grote hero-foto is.
- Boven 500 KB: problematisch. Zeker op mobiel merkt de bezoeker de vertraging.
Twee dingen die grootte bepalen
- Afmetingen (pixels): een foto van 6000x4000 pixels is 8x groter dan 3000x2000. Je hebt zelden meer nodig dan 2000 pixels breed voor de meeste websites.
- Compressie: een originele foto is 'onbewerkt', supergroot. Compressie haalt overtollige data weg zonder zichtbaar kwaliteitsverlies. Vaak scheelt dat 70-80% grootte.
Wat kan je doen? (concrete stappen)
Voor bestaande foto's op je site
Gebruik een gratis tool zoals squoosh.app of TinyPNG. Sleep je foto erin, kies compressie-niveau (meestal 60-80% kwaliteit is prima), download de kleinere versie, upload naar je site.
Voor nieuwe foto's
Voordat je iets uploadt: check de grootte. Als het boven 500 KB zit, comprimeer eerst.
Voor de lange termijn
Installeer een WordPress plugin zoals ShortPixel, Smush of Imagify. Die comprimeren automatisch elke nieuwe afbeelding die je uploadt. Set-and-forget.
Bonus: gebruik moderne formaten
WebP en AVIF zijn moderne bestandsformaten die 40-70% kleiner zijn dan jpg/png bij dezelfde kwaliteit. Als je hosting het ondersteunt, is dit een makkelijke extra winst.