Afbeeldingen in WordPress: resolutie, DPI en snelheid uitgelegd
Afbeeldingen in WordPress spelen een grote rol in hoe professioneel en betrouwbaar je website overkomt. Tegelijk zijn ze één van de meest voorkomende oorzaken van een trage WordPress-website, vooral op mobiel. Verkeerde resoluties, een te hoge DPI of niet-gecomprimeerde bestanden zorgen ervoor dat pagina’s langzamer laden en slechter scoren in Google.
In onderstaande veelgestelde vragen leggen we stap voor stap uit hoe je afbeeldingen voor WordPress het beste voorbereidt, bewerkt en opslaat. Zo weet je precies welke instellingen je moet gebruiken, waarom dit belangrijk is en hoe je zorgt voor scherpe beelden én een snelle website.
Alles wat je moet weten over afbeeldingen in WordPress
Wat is beeldresolutie?
Beeldresolutie gaat over hoe groot een afbeelding is in pixels.
Pixels zijn kleine puntjes waar een afbeelding uit bestaat.
Bijvoorbeeld:
1200 × 900 pixels betekent 1200 pixels breed en 900 pixels hoog
Hoe meer pixels, hoe scherper de afbeelding kan zijn.
Maar: te veel pixels maken een afbeelding onnodig zwaar.
Waarom is dit belangrijk?
Als je een afbeelding uploadt die veel groter is dan nodig, moet de browser:
- Meer data downloaden
- Meer rekenkracht gebruiken
- Langer laden op mobiel
Dat zorgt voor een slechte gebruikerservaring én lagere scores in Google.
Welke resolutie gebruik je in WordPress?
WordPress schaalt afbeeldingen automatisch, maar de bronafbeelding moet wel kloppen.
Aanbevolen resoluties
Uitgelichte afbeelding: 1200 × 900 pixels
Waarom: groot genoeg voor blogs en social sharing, maar niet te zwaar.
Afbeeldingen in teksten: 800 tot 1200 pixels breed
Waarom: deze worden meestal niet schermvullend getoond.
Headers of banners: 1920 × 1080 pixels
Waarom: deze lopen vaak over de volledige breedte van het scherm.
Wat is DPI (en waarom het wél telt online)?
DPI betekent Dots Per Inch en geeft aan hoeveel puntjes er in één inch zitten. Veel mensen denken: “DPI maakt online niet uit”. Dat is gedeeltelijk onjuist.
Wat klopt wel?
- Schermen tonen pixels, geen DPI
- Een scherm ziet geen verschil tussen 72 en 300 DPI
Wat is wél belangrijk?
- 300 DPI maakt bestanden veel zwaarder
- Zwaardere bestanden laden trager
- Vooral op mobiel is dat een groot probleem
300 DPI is bedoeld voor drukwerk, niet voor websites.
Beste DPI-instelling voor websites
72 DPI → ideaal voor WordPress en websites
96 DPI → ook prima (voor moderne schermen)
300 DPI → alleen voor print, nooit voor online
Waarom 72 DPI beter is:
- Snellere laadtijd
- Minder dataverbruik voor mobiele bezoekers
- Betere Core Web Vitals
- Positieve invloed op SEO
Bestandstype: JPG of PNG?
JPG (aanbevolen)
- Kleinere bestanden
- Perfect voor foto’s
- Sneller laden
PNG (alleen wanneer nodig)
- Groter bestand
- Geschikt voor transparantie of logo’s
Gebruik PNG alleen als je echt transparantie nodig hebt.
Bestandsgrootte: hoe klein is goed?
Zelfs met de juiste resolutie en DPI kan een afbeelding nog te zwaar zijn.
Richtlijnen:
- Maximaal 200–300 KB per afbeelding
- Voor banners liever onder 400 KB
Waarom?
- Google houdt van snelle pagina’s
- Bezoekers haken af bij trage sites
- Mobiel internet is vaak langzamer
Afbeeldingen vooraf bewerken en comprimeren
Bewerk je afbeeldingen altijd vooraf in een programma zoals Photoshop, GIMP of zelfs Paint. Daar kun je het formaat aanpassen en de afbeelding gecomprimeerd opslaan voordat je deze uploadt naar WordPress.
Waarom dit belangrijk is:
- Je houdt volledige controle over kwaliteit en bestandsgrootte
- Afbeeldingen worden lichter en laden sneller
- Je website blijft snel op mobiel
- Minder afhankelijk van plugins
Sla afbeeldingen op als JPG, stel de kwaliteit in op ongeveer 70–80% en gebruik 72 DPI.
Waarom niet alleen maar vertrouwen op compressie-plugins?
Compressie-plugins kunnen helpen, maar:
- Ze bewerken pas na het uploaden
- Ze geven minder controle over kwaliteit
- Ze kunnen extra belasting geven op je website
Voorbewerken + slim opslaan is altijd de beste basis.
Waarom dit belangrijk is voor SEO
Google kijkt naar:
- Laadsnelheid
- Mobiele prestaties
- Gebruikerservaring
Te zware afbeeldingen:
- Verlagen je positie in Google
- Zorgen voor hogere bounce rates
Goed geoptimaliseerde afbeeldingen:
- Laden sneller
- Verbeteren je SEO
- Zorgen voor tevreden bezoekers
Extra WordPress-tips
- Geef afbeeldingen een duidelijke bestandsnaam
(bijv. woocommerce-webshop-afbeelding.jpg) - Vul altijd de alt-tekst in van de afbeeldingen
- Afbeeldingen vooraf bewerken en comprimeren
- Upload nooit afbeeldingen rechtstreeks van een camera
Kort samengevat
- Afbeeldingen eerst bewerken in Photoshop, GIMP of Paint
- Juiste afmetingen instellen
- Opslaan met compressie (JPG, 72 DPI)
- Daarna uploaden naar WordPress
Zo blijft je WordPress-website snel, professioneel en goed vindbaar.
Veelgestelde vragen over afbeeldingen in WordPress
Wat is de beste resolutie voor afbeeldingen in WordPress?
De beste resolutie voor WordPress ligt meestal tussen 800 en 1200 pixels breed. Voor banners of headers is 1920 × 1080 pixels geschikt.
Welke DPI moet ik gebruiken voor afbeeldingen op een website?
Voor websites gebruik je 72 DPI. Hogere DPI-waardes, zoals 300 DPI, maken afbeeldingen onnodig zwaar en zorgen voor tragere laadtijden.
Waarom is 300 DPI slecht voor websites?
300 DPI is bedoeld voor drukwerk. Online zorgt dit voor grotere bestanden, slechtere mobiele prestaties en een negatieve invloed op SEO.
Heeft DPI invloed op de scherpte van afbeeldingen online?
Nee, online bepaalt het aantal pixels de scherpte. DPI beïnvloedt vooral de bestandsgrootte, niet hoe scherp een afbeelding eruitziet op een scherm.
Wat is het verschil tussen resolutie en DPI?
Resolutie bepaalt hoe groot een afbeelding is in pixels. DPI bepaalt hoeveel puntjes per inch worden gebruikt en beïnvloedt vooral het gewicht van het bestand.
Moet ik afbeeldingen bewerken voordat ik ze upload naar WordPress?
Ja, het is sterk aan te raden om afbeeldingen vooraf te bewerken in programma’s zoals Photoshop, GIMP of Paint. Zo heb je controle over formaat en kwaliteit.
Waarom vooraf comprimeren beter dan alleen een plugin gebruiken?
Vooraf comprimeren zorgt voor kleinere bestanden en betere kwaliteit. Plugins werken pas na upload en geven minder controle over het eindresultaat.
Welke bestandsgrootte is ideaal voor WordPress-afbeeldingen?
Een afbeelding blijft idealiter onder de 200 tot 300 KB. Zo laadt je website sneller en presteert hij beter op mobiel.
Welk bestandsformaat is het beste voor WordPress: JPG of PNG?
JPG is het beste voor foto’s vanwege de kleinere bestandsgrootte. PNG gebruik je alleen als transparantie nodig is, zoals bij logo’s.
Hebben afbeeldingen invloed op SEO en laadsnelheid?
Ja, zware afbeeldingen vertragen je website en schaden je SEO. Geoptimaliseerde afbeeldingen verbeteren laadsnelheid, gebruikerservaring en Google-posities.