Afbeeldingen toevoegen en optimaliseren

Afbeeldingen toevoegen en optimaliseren

Het correct gebruik van afbeeldingen op je website is essentieel voor zowel de uitstraling als de prestaties. In deze handleiding leer je hoe je afbeeldingen toevoegt en optimaliseert voor het beste resultaat.

Voorbereiding van afbeeldingen

Aanbevolen formaten

• JPG/JPEG: voor foto's en afbeeldingen met veel kleuren
• PNG: voor afbeeldingen met transparantie
• WebP: modern formaat met beste compressie (automatisch gegenereerd door WordPress)

Optimale bestandsgrootte

• Headerafbeeldingen: maximaal 400 KB
• Contentafbeeldingen: maximaal 200 KB
• Thumbnails: maximaal 100 KB

Afbeeldingen toevoegen

1. Ga naar 'Media' in het linker menu
2. Klik op "Nieuwe media toevoegen"
3. Sleep bestanden naar het uploadvenster of klik om te bladeren

Afbeeldingen optimaliseren

Basis instellingen

1. Alt-tekst: Beschrijf de afbeelding voor zoekmachines en toegankelijkheid
2. Titel: Geef de afbeelding een duidelijke naam
3. Bijschrift: Optioneel, verschijnt onder de afbeelding
4. Beschrijving: Interne notitie, niet zichtbaar op de website

Afmetingen aanpassen

• Gebruik de juiste afmetingen voor je website
• Standaard breedtes in WordPress thema's:
  • Volledig breed: 1200px
  • Content breedte: 800px
  • Thumbnail: 150px

Afbeeldingen verkleinen voordat je uploadt

Grote afbeeldingen vertragen je website. Zorg ervoor dat je afbeeldingen verkleint voor je ze uploadt, zodat ze minder ruimte innemen. Een handige tool hiervoor is CloudConvert. Hiermee kun je afbeeldingen eenvoudig converteren en comprimeren naar een kleiner formaat zonder kwaliteitsverlies. Lees meer hierover in dit artikel.

Best practices

1. Naamgeving

   • Gebruik beschrijvende namen
   • Vermijd spaties (gebruik streepjes)
   • Voorbeeld: rode-stoel-product-foto.jpg

2. Alt-teksten

   • Beschrijf de afbeelding duidelijk
   • Gebruik keywords waar relevant
   • Voorbeeld: rode-leren-bureaustoel-ergonomisch

3. Responsive afbeeldingen

   • Gebruik de WordPress-functie voor verschillende schermgroottes
   • Laat WordPress automatisch verschillende formaten genereren

Veelgemaakte fouten

❌ Vermijd deze veel voorkomende fouten:

• Te grote bestanden uploaden
• Afbeeldingen zonder alt-tekst
• Verkeerde bestandsformaten gebruiken
• Afbeeldingen niet uitlijnen met de content
• Te kleine afbeeldingen oprekken

✅ In plaats daarvan:

• Optimaliseer afbeeldingen vóór upload
• Vul altijd alt-teksten in
• Kies het juiste bestandsformaat
• Zorg voor nette uitlijning
• Gebruik afbeeldingen in de juiste resolutie