Je hebt een prachtige nieuwe foto voor je website gevonden of gemaakt. Hij is haarscherp en de kleuren spatten van het scherm. De verleiding is groot om hem direct te uploaden, maar pas op: een te groot fotobestand kan de stille doder van je website-succes zijn.
300kb is de grens
Om je website snel en toegankelijk te houden, hanteren we een belangrijke regel: houd een foto onder de 300kb. Voor kleinere afbeeldingen geldt zelfs: hoe kleiner, hoe beter. Een foto die rechtstreeks uit een moderne smartphone of camera komt, is vaak 5MB tot 10MB groot. Dat lijkt misschien onschuldig, maar het is ruim 20 tot 30 keer te groot voor online gebruik.
Maar waarom is die omvang zo belangrijk? Dat leggen we uit aan de hand van een simpel voorbeeld: de snelweg.
Jouw website als snelweg
Stel je voor dat de verbinding tussen jouw website en de bezoeker een snelweg is. De bandbreedte die je bij je hostingprovider hebt, bepaalt hoe breed die weg is en hoeveel rijstroken er beschikbaar zijn.
1. Vrachtwagens versus motorfietsen
Elke keer dat iemand jouw website opent, moeten de foto’s over die snelweg naar de computer of telefoon van de bezoeker worden gestuurd.
-
Een foto van 5MB is een enorme, logge vrachtwagen. Hij neemt veel ruimte in, is traag op gang en blokkeert de weg voor anderen.
-
Een foto van 300kb is een wendbare motorfiets. Hij is razendsnel aan de overkant en laat genoeg ruimte over voor ander verkeer.
2. Voorkom een totale crash
Als je veel bezoekers tegelijk krijgt (bijvoorbeeld na een leuke social media post) en je hebt alleen maar ‘vrachtwagens’ op je site staan, dan gebeurt het onvermijdelijke: er ontstaat een file. De server kan al die zware data niet tegelijk verwerken, de laadtijd loopt op tot minuten en uiteindelijk loopt het systeem vast. De website crasht. De weg is geblokkeerd en niemand komt meer op je site.
3. De tolpoort: Jouw hostingkosten
Je hostingprovider kun je zien als een tolpoort aan het einde van de weg. Zij houden precies bij hoeveel ‘gewicht’ er over de snelweg gaat. Hoe meer gigabytes aan data jouw foto’s verbruiken, hoe hoger de rekening. Door je foto’s klein te houden, bespaar je dus direct op je maandelijkse kosten. Je verstuurt immers minder data voor hetzelfde resultaat.
Tips voor een vlottere doorstroming
Het verkleinen van je foto’s hoeft niet ten koste te gaan van de schoonheid. Met moderne technieken kun je een afbeelding flink comprimeren zonder dat het menselijk oog het verschil ziet.
-
Gebruik de juiste afmetingen: Upload geen foto van 4000 pixels breed als hij op de site maar 1000 pixels breed wordt getoond.
-
Comprimeer: Gebruik tools om de overtollige data uit het bestand te ‘knijpen’. Gebruik bijvoorbeeld geen foto’s met 300 dpi, dat kan een website toch niet tonen. 72dpi is in de meeste gevallen al groot genoeg. Dat scheelt alweer 4x de grootte van de foto.
-
Kies het juiste formaat: WebP is tegenwoordig de standaard voor internet; het is veel lichter dan de ouderwetse JPG of PNG.
Conclusie: Houd je pakketjes licht. Zo blijft je website razendsnel voor je bezoekers, voorkom je crashes tijdens drukte en houd je je portemonnee te vriend!
