Afbeeldingen optimaliseren

Het is belangrijk je afbeeldingen te optimaliseren voor het web, ze moeten duidelijk zijn, maar niet groter dan noodzakelijk omdat grote afbeeldingen de laadtijd van je website ernstig kunnen vertragen. Verder is het voor de vindbaarheid van je website goed om je afbeeldingen een duidelijke naam en een zogenaamde alt-tag mee te geven.
De verschillende optimalisaties op een rijtje:

 Bestandsformaten

Foto’s kun je het beste opslaan als een jpg-bestand. Dat is een gecomprimeerd bestand, waardoor de bestandsgrootte kleiner is geworden. Dat brengt iets kwaliteitsverlies met zich mee, maar dat is vaak met het blote oog niet te zien. Door de kleinere bestandsgrootte wordt een jpg-afbeelding wel sneller geladen.
Andere afbeeldingen zoals logo’s, iconen en grafieken, maar ook foto’s met een transparante achtergrond sla je op als png. Een png-bestand is ook een gecomprimeerd bestand, maar hier is geen sprake van kwaliteitsverlies. Het nadeel van een png is echter dat het niet zoveel kleuren kan bevatten en veel zwaarder is dan een jpg-bestand.

Resolutie

Resolutie is het aantal pixels per inch van een afbeelding. Hoe meer pixels, hoe meer informatie de afbeelding bevat en hoe scherper de afbeelding, maar de foto wordt hierdoor ook zwaarder en dat vertraagt de laadtijd. Waar voor gedrukte media meestal een resolutie van 300 dpi (dots per inch) wordt gebruikt is online 72 dpi voldoende. Verwar resolutie niet met afmetingen (de lengte maal de breedte van een afbeelding).

Afmeting

Hoe groter je afbeeldingen, hoe meer ruimte ze in beslag nemen. Maak je afbeelding daarom eerst met een fotobewerkingsprogramma ongeveer op maat voordat je hem uploadt. Daarna kun je hem altijd nog een beetje groter of kleiner maken.

Bestandsnaam

Als je een foto maakt met bijvoorbeeld je mobiele telefoon, heeft die een naam die niet veel zegt. Geef je foto’s voordat je ze naar je WordPressomgeving uploadt altijd een naam die iets zegt over de pagina waarop je hem plaatst. Dus niet 123.jpg, maar bijvoorbeeld afbeeldingen_optimaliseren.jpg,

Alt-tags

Als je een afbeelding in WordPress hebt geüpload, vul dan altijd de alt-tag en de titel in. Dat is niet alleen handig voor blinden en slechtzienden, maar ook goed voor de vindbaarheid van je website. Google ziet namelijk geen afbeeldingen, maar wel de tags die daar als het ware achter hangen.

In het kort:

  • Gebruik jpg of png
  • Gebruik 72 dpi
  • Upload niet veel te grote foto’s
  • Geef je afbeeldingen een logische naam
  • Gebruik de alternatief-tags
Geplaatst in Web Getagd met