Foto’s leveren de sterkste indrukken voor de bezoekers op je website en verdienen dus wat extra aandacht. Ook de snelheid van je website wordt voor een groot stuk bepaald door de gebruikte afbeeldingen. Hou ze dus zo compact mogelijk!
- Comprimeer je afbeeldingen: Gebruik tools zoals tinypng om je afbeeldingsbestanden te verkleinen zonder zichtbaar kwaliteitsverlies. Dit kan de bestandsgrootte met meer dan 50% verminderen.
- Ontdek WebP: WebP is een nieuwere bestandsindeling voor afbeeldingen, ontwikkeld en geoptimaliseerd voor online gebruik. De bestanden zijn uiteraard compacter en je kan bij export kiezen tussen beperkt (zoals .jpg) of geen kwaliteitsverlies (zoals .png). WebP ondersteunt ook transparante achtergronden en animaties. De meeste webontwikkelingstools hebben tegenwoordig ook plugins die je .jpg en .png bestanden automatisch converteren naar WebP.
- Foto’s van slechte kwaliteit kunnen de geloofwaardigheid van je website onderuit halen. Let op de resolutie, de kleurbalans en de belichting van je foto’s. Die laatste 2 kan je gemakkelijk bijstellen (en doe dat ook even voor elke foto die je online gebruikt), maar ook de resolutie kan je tegenwoordig opschalen via AI.
- Pas de resolutie van de afbeelding aan volgens het gebruikte formaat. Het heeft geen zin om een foto van 1200px breed op te laden, als de weergave beperkt is tot 500px bijvoorbeeld. Wil je een kleinere foto laten linken naar een grotere, werk dan met 2 verschillende formaten.
- Zoek je professionele afbeeldingen als sfeerbeeld of voor je blog, dan kun je terecht op gratis websites zoals Pexels, Pixabay, Unsplash en Freepik. Afbeeldingen genereren via AI gaat ook, maar heeft – op datum van schrijven – nog zijn beperkingen.