Hoe werkt WordPress met afbeeldingsoptimalisatie?

WordPress verwerkt afbeeldingen automatisch op het moment dat je ze uploadt: het maakt meerdere formaten aan, past de bestandsgrootte aan en slaat alles op in de mediabibliotheek. Toch is dat niet genoeg voor een echt snelle website. Goede afbeeldingsoptimalisatie vraagt om de juiste instellingen, de juiste bestandsformaten en soms een extra plugin. Hieronder krijg je antwoord op de meest gestelde vragen over WordPress en afbeeldingen.

Wat doet WordPress automatisch met geüploade afbeeldingen?

Zodra je een afbeelding uploadt naar WordPress, maakt het systeem automatisch meerdere formaten aan van diezelfde afbeelding. Denk aan een miniatuurversie, een middelgrote versie en een grote versie, naast het origineel. WordPress kiest dan het meest passende formaat op basis van waar de afbeelding op de pagina terechtkomt.

Dit klinkt handig, en dat is het ook. Maar er zit een keerzijde aan: al die extra formaten nemen ruimte in op je server. Bovendien comprimeert WordPress afbeeldingen standaard slechts licht, wat betekent dat de bestandsgroottes nog steeds aan de grote kant kunnen zijn. Het systeem verwijdert ook niet automatisch de originele, grote versie van je afbeelding. Die staat gewoon op je server, ook als je hem nooit direct gebruikt.

Wat WordPress dus doet, is de basis leggen, maar voor echte WordPress website snelheid moet je zelf de instellingen aanpassen of extra stappen zetten.

Welke afbeeldingsformaten werken het best in WordPress?

Voor de meeste WordPress websites zijn drie bestandsformaten relevant: JPEG, PNG en WebP. JPEG werkt goed voor foto’s en afbeeldingen met veel kleuren. PNG is beter geschikt voor afbeeldingen met transparantie of scherpe randen, zoals logo’s. WebP is een moderner formaat dat kleinere bestanden oplevert bij vergelijkbare kwaliteit en tegenwoordig door alle gangbare browsers wordt ondersteund.

Vanaf WordPress 5.8 ondersteunt WordPress WebP standaard. Je kunt WebP-afbeeldingen dus gewoon uploaden en gebruiken. Wil je bestaande JPEG- of PNG-bestanden omzetten naar WebP, dan heb je daar een plugin voor nodig. Dat is de moeite waard, want kleinere bestanden laden sneller en dat heeft direct invloed op je WordPress website snelheid.

Vermijd het gebruik van BMP- of TIFF-bestanden op je website. Die zijn bedoeld voor print of bewerking, niet voor het web, en zijn onnodig groot.

Hoe verkleint WordPress de bestandsgrootte van afbeeldingen?

WordPress comprimeert afbeeldingen standaard bij het uploaden, maar de mate van compressie is beperkt. Het systeem gebruikt een kwaliteitsinstelling van 82 op een schaal van 100, wat betekent dat bestanden al iets kleiner worden, maar lang niet zo klein als mogelijk is.

Je kunt de standaard compressie aanpassen via een kleine aanpassing in de code van je website, maar voor de meeste ondernemers is een plugin de makkelijkste weg. Plugins kunnen afbeeldingen verder comprimeren zonder zichtbaar kwaliteitsverlies, zowel bij nieuwe uploads als voor bestaande afbeeldingen in je mediabibliotheek.

Naast compressie helpt het ook om afbeeldingen op de juiste afmetingen te uploaden. Een afbeelding van 4000 bij 3000 pixels uploaden voor een blokje van 400 bij 300 pixels is zonde. Verklein afbeeldingen van tevoren in een programma zoals Canva of een eenvoudige fotobewerker. Dat scheelt altijd, ook zonder plugin.

Welke WordPress plugins helpen bij afbeeldingsoptimalisatie?

Er zijn verschillende goede plugins beschikbaar die het optimaliseren van afbeeldingen in WordPress makkelijker maken. De bekendste en meest gebruikte zijn:

• Smush: comprimeert afbeeldingen automatisch bij het uploaden en kan bestaande afbeeldingen in bulk verwerken
• ShortPixel: biedt krachtige compressie en converteert automatisch naar WebP
• Imagify: gebruiksvriendelijk en beschikbaar in een gratis versie met maandelijkse limiet
• EWWW Image Optimizer: werkt volledig op je eigen server, zonder dat bestanden naar externe diensten worden gestuurd

Welke plugin het best past, hangt af van hoe groot je website is, hoeveel afbeeldingen je gebruikt en of je bereid bent te betalen voor extra functies. Voor de meeste kleine MKB-websites is een gratis versie van een van deze plugins meer dan voldoende.

Wat is lazy loading en hoe werkt het in WordPress?

Lazy loading is een techniek waarbij afbeeldingen pas worden geladen op het moment dat een bezoeker ze daadwerkelijk ziet op het scherm. In plaats van dat alle afbeeldingen op een pagina direct worden ingeladen, laadt de browser alleen de afbeeldingen die zichtbaar zijn. De rest volgt pas als de bezoeker naar beneden scrolt.

Vanaf WordPress 5.5 is lazy loading standaard ingeschakeld voor alle afbeeldingen. Je hoeft er dus niets voor te installeren of in te stellen. Dit verkort de laadtijd van pagina’s aanzienlijk, vooral op pagina’s met veel afbeeldingen, zoals een portfolio of productoverzicht.

Voor de eerste afbeelding die zichtbaar is boven de vouw, de zogenoemde “above the fold” afbeelding, raden browsers aan om lazy loading juist uit te schakelen. Die afbeelding moet zo snel mogelijk laden. WordPress doet dit inmiddels automatisch voor de eerste afbeelding op een pagina.

Waarom laden afbeeldingen nog steeds langzaam na optimalisatie?

Geoptimaliseerde afbeeldingen zijn één stap, maar niet de enige factor die bepaalt hoe snel je WordPress website laadt. Als afbeeldingen na optimalisatie nog steeds traag zijn, zijn er meestal andere oorzaken in het spel.

De meest voorkomende redenen zijn:

1. Trage hosting: een goedkope of overbelaste hostingserver vertraagt alles, ook kleine bestanden
2. Geen gebruik van een CDN: een Content Delivery Network stuurt afbeeldingen vanaf een server dicht bij de bezoeker, wat de laadtijd verkort
3. Te veel plugins: elke actieve plugin vraagt om verwerkingskracht, wat de algehele snelheid kan drukken
4. Geen browsercaching: zonder caching moeten afbeeldingen bij elk bezoek opnieuw worden ingeladen
5. Afbeeldingen nog steeds te groot: als de originele bestanden niet goed zijn verkleind voor het uploaden, helpt compressie maar beperkt

Een snelle website vraagt om een combinatie van goed WordPress onderhoud, de juiste hosting en slim gebruik van afbeeldingen. Het is een samenspel van factoren, geen eenmalige oplossing.

Hoe Appel en Eelman helpt met afbeeldingsoptimalisatie

Bij Appel en Eelman begrijpen we dat je als ondernemer geen tijd hebt om je te verdiepen in technische instellingen en plugins. Wij nemen dat graag van je over, zodat jij je kunt richten op je eigen werk.

Wat we voor je kunnen doen:

• Afbeeldingen op de juiste manier instellen en optimaliseren op je bestaande website
• De juiste plugin kiezen en installeren die past bij jouw website en gebruik
• Controleren of lazy loading goed werkt en of je hosting geen bottleneck is
• Een nieuwe WordPress website bouwen die van het begin af aan snel en goed geoptimaliseerd is
• Advies geven over beeldmateriaal en visuele uitstraling dat past bij jouw merk

Wil je weten wat er beter kan aan jouw website? Neem gerust contact op voor een vrijblijvend gesprek. We denken graag met je mee in gewone taal, zonder gedoe.