Afbeeldingen zijn belangrijk voor je website: ze maken je pagina’s visueel aantrekkelijk en helpen je boodschap beter over te brengen. Maar als je ze niet goed instelt, kunnen ze je website trager maken – en dat wil je natuurlijk voorkomen.
Het optimaliseren van afbeeldingen bestaat uit meerdere onderdelen. Eén daarvan is het aanpassen van de afbeeldingsformaten. Door afbeeldingen op de juiste grootte in te laden, voorkom je onnodig grote bestanden en verbeter je de laadsnelheid van je website. Dit is niet alleen fijn voor je bezoekers, maar ook goed voor je vindbaarheid in zoekmachines zoals Google.
In dit artikel laten we je zien hoe je de formaten van je afbeeldingen in WordPress kunt beheren, aanpassen en optimaliseren – handmatig, met code of met behulp van handige plugins.
Wat gebeurt er als je een afbeelding uploadt naar WordPress?
Afbeeldingen uploaden naar WordPress is heel makkelijk. Maar achter de schermen gebeurt er meer dan je denkt. Zodra je een afbeelding plaatst, maakt WordPress automatisch drie extra versies in verschillende formaten:
Thumbnail (kleine weergave)
Medium (gemiddeld formaat)
Large (groot formaat)
Originele afbeelding
WordPress helpt je dus al een handje om afbeeldingen te optimaliseren. Toch zijn er nog een hoop dingen die je zelf kunt doen om nog meer optimalisaties door te voeren.
Zelf de afmetingen van afbeeldingen aanpassen
De standaard afbeeldingsformaten die WordPress aanmaakt, werken prima voor veel websites. Maar soms passen ze net niet bij wat jij nodig hebt. Denk aan grotere thumbnails voor een webshop, kleinere grote afbeeldingen voor snellere laadtijden, of vaste afmetingen voor een portfolio of landingspagina. In dat geval is het slim om zelf aangepaste afbeeldingsformaten in te stellen.
Let wel op: hoe meer formaten je toevoegt, hoe meer bestanden er op je server worden opgeslagen. Dit kan je website vertragen en onnodig veel schijfruimte innemen. Kies dus alleen die formaten die je écht nodig hebt. Door bewust met afbeeldingsgroottes om te gaan, houd je je website snel, overzichtelijk én gebruiksvriendelijk – precies wat zoekmachines én bezoekers waarderen.
Afbeeldingsformaten aanpassen met plugins
Wil je volledige controle over de formaten van je afbeeldingen in WordPress? Dan is de Image Regenerate & Select Crop plugin een handige tool. Met deze plugin kun je eenvoudig aangepaste afbeeldingsformaten aanmaken én bestaande afbeeldingen bijwerken naar je nieuwe instellingen.
Na installatie vind je de opties onder Instellingen > Media. Hier kun je onbeperkt nieuwe afbeeldingsgroottes toevoegen die passen bij jouw website. Daarnaast biedt de plugin handige functies zoals het automatisch bijsnijden van thumbnails en het opnieuw genereren van bestaande afbeeldingsbestanden, zodat alles netjes in de juiste verhouding wordt weergegeven.
Deze plugin is ideaal voor websites met specifieke eisen, zoals webshops, portfolio’s of landingspagina’s. Door het instellen van je eigen formaten houd je je website visueel consistent én geoptimaliseerd voor snelheid en gebruikerservaring – belangrijke factoren voor goede SEO-prestaties.
Handmatig custom afbeeldingsformaten toevoegen via functions.php
Wil je zelf aangepaste afbeeldingsformaten instellen in WordPress? Met een klein beetje code kun je eenvoudig extra formaten toevoegen aan je thema. Volg onderstaande stappen en pas je site precies aan jouw wensen aan.
Stap 1: Voeg nieuwe afbeeldingsformaten toe in je functions.php bestand
Begin met het openen van je WordPress dashboard. Ga naar Weergave > Thema-editor en open het bestand functions.php. Maak altijd eerst een back-up van je site voordat je iets aanpast.
Voeg vervolgens deze regel toe als die er nog niet staat:
add_theme_support( ‘post-thumbnails’ );
Daarna kun je aangepaste formaten toevoegen met de functie add_image_size(). Bijvoorbeeld:
- add_image_size( ‘post-thumbnail’, 800, 240 );
- add_image_size( ‘homepage-thumb’, 220, 180 );
- add_image_size( ‘fullpage-thumb’, 590, 9999 );
Je kunt de namen zelf kiezen (zoals homepage-thumb) en de getallen geven de breedte en hoogte aan in pixels.
Stap 2: Toon je aangepaste afbeelding in je thema
Om je nieuwe afbeeldingsformaat zichtbaar te maken op je website, voeg je de volgende regel toe in het juiste thema-bestand, op de plek waar je een uitgelichte afbeelding wilt tonen:
<?php the_post_thumbnail( ‘homepage-thumb’ ); ?>
Vervang ‘homepage-thumb’ met de naam die je zelf hebt gekozen voor het aangepaste formaat. Zorg ervoor dat je deze code binnen de WordPress “loop” plaatst – dat is het deel van je template waar berichten worden weergegeven.
Stap 3: Regenerate thumbnails van bestaande afbeeldingen
Als je al eerder afbeeldingen hebt geüpload, dan moeten deze opnieuw worden gegenereerd in de juiste formaten. Installeer hiervoor de plugin Regenerate Thumbnails.
Ga in je dashboard naar Gereedschap > Regenerate Thumbnails en klik op de knop Regenerate All Thumbnails. Zo worden ook oudere afbeeldingen aangepast aan je nieuwe instellingen.
Afbeeldingsformaten aanpassen via de WordPress mediabibliotheek
Gebruik je een afbeelding maar één keer in een specifieke grootte? Dan is het vaak handiger om het formaat handmatig aan te passen in plaats van een custom afbeeldingsformaat aan te maken. Gelukkig heeft WordPress hiervoor een ingebouwde afbeeldingseditor waarmee je dit snel en eenvoudig kunt doen.
Ga naar je Mediabibliotheek via het menu Media in het dashboard. Klik op de afbeelding die je wilt bewerken en kies vervolgens onder de preview voor de knop Afbeelding bewerken (Edit Image).
Je ziet nu de huidige afmetingen van de afbeelding. Wil je het formaat wijzigen, vul dan de gewenste breedte en hoogte in en klik op Schaal (Scale). WordPress past het formaat automatisch aan op basis van wat jij hebt ingevuld.
Ben je toch niet tevreden met het resultaat? Geen probleem – je kunt de afbeelding altijd herstellen naar het originele formaat door op Originele afbeelding herstellen (Restore Original Image) te klikken.
Deze functie is ideaal voor snelle aanpassingen zonder extra plugins of code, en helpt je website overzichtelijk én snel te houden.
Samenvatting
Het aanpassen van afbeeldingsformaten in WordPress is een slimme manier om je website sneller en gebruiksvriendelijker te maken. Heb jij nog vragen over het instellen van afbeeldingsformaten of wil je je eigen tips delen? Laat het weten in de reacties hieronder — we horen het graag van je! 👇
