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 (SEO) van je website goed om je afbeeldingen een duidelijke naam en een zogenaamde alt-tag mee te geven.
De verschillende optimalisaties op een rij:
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.