Geoptimaliseerde afbeeldingen op een responsive website

Een grote, scherpe afbeelding kan er prachtig uitzien. Maar als die afbeelding onnodig veel data bevat, kan je website daar flink last van hebben.

Afbeeldingen zijn één van de onderdelen waar bij websites regelmatig winst te behalen is.

Waarom afbeeldingen zoveel invloed hebben

Foto’s en grafische bestanden kunnen behoorlijk groot zijn. Wanneer een browser meerdere grote afbeeldingen moet laden, kan dat de laadtijd verhogen.

Vooral op mobiele verbindingen merk je dat snel.

Een afbeelding hoeft niet groter te zijn dan nodig

Een afbeelding die op je website maximaal 800 pixels breed wordt getoond, hoeft niet per se als een bestand van duizenden pixels breed te worden geüpload.

De juiste afmetingen zijn daarom een belangrijk onderdeel van optimalisatie.

Goede optimalisatie betekent niet dat je website er minder mooi uit hoeft te zien.

Het doel is juist om kwaliteit en prestaties met elkaar te combineren.

Ook het bestandsformaat speelt een rol

Moderne afbeeldingsformaten kunnen een kleinere bestandsgrootte bieden zonder dat de afbeelding voor bezoekers zichtbaar slechter wordt.

Voor websites is dat interessant omdat iedere bespaarde hoeveelheid data meerdere keren kan worden geladen door bezoekers.

Afbeeldingen en mobiel

Op een snelle desktopverbinding valt een grote afbeelding misschien minder op. Op een mobiele telefoon kan hetzelfde bestand veel meer invloed hebben.

Daarom hoort optimalisatie bij responsive webdesign.

Vergeet de alt-tekst niet

Een afbeelding heeft niet alleen een technische functie. Een goede alt-tekst kan helpen om duidelijk te maken wat er op de afbeelding staat wanneer deze niet kan worden weergegeven.

Niet iedere afbeelding is nodig

Een website wordt niet automatisch beter doordat iedere sectie een foto heeft.

Afbeeldingen moeten iets toevoegen aan de inhoud of de uitstraling.

Snelheid is een optelsom

Afbeeldingen zijn slechts één onderdeel. Ook hosting, caching, scripts, plugins, fonts en andere onderdelen hebben invloed op de prestaties.

Daarom heeft snelheid meestal geen oplossing met één druk op de knop.

Een snelle website voelt beter

Een bezoeker denkt meestal niet: “De afbeeldingen op deze website zijn goed geoptimaliseerd.”

Hij merkt vooral dat de website prettig en snel werkt.

Een snelle én mooie website?

CHMEDIA kijkt naar design en performance als onderdeel van hetzelfde webproject.

Bespreek je website →