Afbeeldingen optimaliseren voor WordPress: de 6 populairste plugins voor beeldcompressie

8 Min.
5 wordpress plugins om afbeeldingen te optimaliseren

Het optimaliseren van afbeeldingen en grafieken voor je WordPress website is een eenvoudige en belangrijke stap om je laadtijd te verbeteren. Daarom is het zo verbazingwekkend om te merken hoeveel WordPress gebruikers hun originele afbeeldingen uploaden zonder ze te optimaliseren. Zodat je niet dezelfde fout hoeft te maken, laat ik je vandaag zes populaire WordPress plugins zien, die het comprimeren van afbeeldingen compleet overnemen.

Als websitebeheerder moet je altijd de laadtijd van je WordPress website in de gaten houden. Een snellere laadtijd heeft immers een positief effect op de User Experience (UX) van je potentiële klanten, de ranking in zoekmachines en idealiter je conversies.

Waarom beeldoptimalisatie in WordPress zo belangrijk is

Het gebruik van cachingplugins (of server-side caching), het comprimeren van gegevens met gzip of Brotli, het verwijderen van onnodige plugins, het overschakelen naar HTTPS en de overstap naar een snellere hoster zijn populaire stappen om de laadtijd van je WordPress website te verbeteren. Vooral voor WooCommerce winkels die veel productafbeeldingen nodig hebben, worden vaak eerst andere schroeven aangedraaid om de laadtijd te verbeteren.

Een belangrijke maatregel die vaak wordt verwaarloosd bij laadtijdoptimalisatie is beeldoptimalisatie. Wat veel mensen niet weten is dat zodra je een afbeelding uploadt naar je mediabibliotheek, WordPress automatisch drie extra formaten aanmaakt: een groot (post image), een medium en een klein formaat (thumbnail).

Afbeeldingen optimaliseren voor WordPress: de 6 populairste plugins voor beeldcompressie

Dus als je denkt dat je maar een afbeelding uploadt, zijn het in werkelijkheid vier nieuwe bestanden, inclusief meta-informatie, die de server moet verwerken. Er zijn zelfs themes die automatisch 10 of meer beeldformaten genereren.

Als je deze verschillende formaten berekend voor alle gebruikte foto's, wordt het duidelijk: het is de moeite waard om je foto's voor WordPress te optimaliseren!

Het verkleinen van afbeeldingen is slechts de eerste stap

Een eerste optimalisatiestap is het comprimeren van je originele afbeeldingen vóór het uploaden in bijvoorbeeld Photoshop of een vergelijkbaar programma. Voor de best mogelijke laadtijd moet je echter alle afbeeldingen op je website comprimeren - ook de afbeeldingsbestanden die automatisch worden gegenereerd door WordPress.

Het verschil tussen lossy en lossless

Bij het comprimeren van afbeeldingen wordt een onderscheid gemaakt tussen lossy en lossless compressie, wat in principe voor zichzelf spreekt:

Met een lossless compressie, is het kwaliteitsverschil tussen het beeld voor en na compressie bijna niet zichtbaar. Vaak wordt vooral overbodige meta-informatie van het afbeeldingsbestand verwijderd om onnodige kilobytes te besparen. Met een lossy compressie, kan de beeldkwaliteit eronder lijden door een vermindering van kleuren en resolutie. Aan de andere kant kan lossy compressie aanzienlijk meer bestandsgrootte besparen.

5 WordPress plugins voor beeldoptimalisatie

Door je originele afbeeldingen te verkleinen voordat je ze uploadt naar je WordPress website, ben je vele sitebeheerders al een flink stuk voor. Maar om je bestaande mediabibliotheek met terugwerkende kracht te optimaliseren en de compressie van nieuwe afbeeldingen te automatiseren, zijn pugins de meest voor de hand liggende oplossing. Daarom wil ik je vandaag vijf populaire WordPress plugins laten zien die je helpen bij het optimaliseren van je afbeeldingen. 

#1: WordPress afbeeldingen optimaliseren met Smush

Afbeeldingen optimaliseren voor WordPress: de 6 populairste plugins voor beeldcompressie

Actieve installaties: Meer dan 1 miljoen
Beoordeling: 4.8 sterren (5.500 reviews)
Ondersteunde formaten: JPG, PNG, GIF (Pro: conversie naar WebP)
Gratis: Beeldgrootte max. 5 MB, bulkcompressies van max. 50 beelden
Compressie: lossless (gratis) en lossy (Pro)

Zoals blijkt uit meer dan een miljoen installaties en meer dan 5.500 beoordelingen is Smush door WPMU DEV een van de meest populaire WordPress plugins voor beeldoptimalisatie. Smush is er in een gratis versie en een betaalde Pro versie. Ondertussen is er zelfs de optie om Smush Pro als een afzonderlijke tool te gebruiken (zonder WPMU DEV lidmaatschap) voor $60 per jaar.

Wat biedt de free version van Smush?

Zoals de meeste plugins heeft de gratis versie van Smush enkele beperkingen. In de gratis versie kun je bijvoorbeeld alleen afbeeldingen comprimeren tot een grootte van 5 MB. Met Smush Pro is er geen limiet aan de afbeeldingsgrootte en natuurlijk meer Pro functies zoals onbeperkte bulk optimalisatie, CDN, lazy loading of WebP ondersteuning. Bovendien verloopt de beeldoptimalisatie tot 200 procent sneller in de Pro versie, aldus WPMU DEV.

Bovendien kun je alleen in de gratis versie verliesvrij comprimeren. Het hoogste compressieniveau "Super Smush", dat een lossy algoritme gebruikt, is alleen beschikbaar in de Proversie.

#2: Afbeeldingen optimaliseren met de EWWW Optimizer

Afbeeldingen optimaliseren voor WordPress: de 6 populairste plugins voor beeldcompressie

Actieve installaties: Meer dan 800.000
Beoordeling: 4,7 sterren (1000 reviews)
Ondersteunde formaten: JPG, PNG, GIF, PDF, WebP
Gratis: Alleen op eigen server (zonder API)
Compressie: lossless (free) en lossy (pro) mogelijk

Wat biedt de gratis versie van EWWW IO?

In tegenstelling tot de andere plugins in deze lijst, vindt de beeldcompressie in de gratis versie van EWWW Image Optimizer plaats op jouw server. Dit maakt EWWW IO voor veel gebruikers bijzonder aantrekkelijk vanuit het privacy-oogpunt. Om de plugin te laten werken, heb je echter de exec() functie nodig, die veel hosters om veiligheidsredenen niet vrijgeven. Dit geldt overigens ook voor RAIDBOXES.

YouTube

Door de video te laden, accepteer je het privacybeleid van YouTube.
Meer informatie

Laad video

PGlmcmFtZSBsb2FkaW5nPSJsYXp5IiBzcmM9Imh0dHBzOi8vd3d3LnlvdXR1YmUtbm9jb29raWUuY29tL2VtYmVkL0ExZno3XzFKcGhVIiB0aXRsZT0iWW91VHViZSB2aWRlbyBwbGF5ZXIiIGFsbG93PSJhY2NlbGVyb21ldGVyOyBhdXRvcGxheTsgY2xpcGJvYXJkLXdyaXRlOyBlbmNyeXB0ZWQtbWVkaWE7IGd5cm9zY29wZTsgcGljdHVyZS1pbi1waWN0dXJlIiBhbGxvd2Z1bGxzY3JlZW49IiIgd2lkdGg9IjU2MCIgaGVpZ2h0PSIzMTUiIGZyYW1lYm9yZGVyPSIwIj48L2lmcmFtZT4=

De EWWW IO ontwikkelaars leggen in dit artikel uit wat de exec functie en de plugin inhouden. Als de exec functie om veiligheidsredenen niet is ingeschakeld door je hoster (zoals bij RAIDBOXES) kun je gebruikmaken van de betaalde cloudgebaseerde tarieven van de plugin.

#3: Optimaliseer WordPress afbeeldingen met Imagify

Afbeeldingen optimaliseren voor WordPress: de 6 populairste plugins voor beeldcompressie

Actieve installaties: Meer dan 400.000
Waardering: 4.5 (955 beoordelingen)
Ondersteunde formaten: JPG, PNG, PDF, Gif, WebP
Gratis: Beeldgrootte max 2 MB, uploads max 20 MB per maand, conversie naar WebP
Compressie: lossy en lossless mogelijk

Wat biedt de gratis versie van Imagify?

Imagify is een plugin van WP Media, het bedrijf achter de bekende plugin "WP Rocket". In de gratis versie ("Starter") kun je tot 20 MB per maand comprimeren, wat volgens Imagify overeenkomt met ongeveer 200 afbeeldingen. De betaalde plannen zijn "Growth" voor $4.99 per maand en 500 MB limiet (ongeveer 5.000 afbeeldingen) en "Infinite" voor $9.99 zonder limiet.

Imagify biedt drie verschillende compressieniveaus:

  • Normal: Dit is een verliesloze compressie. De zichtbare kwaliteit van het beeld blijft ongewijzigd.
  • Agressive: Dit niveau is weliswaar lossy, maar met slechts een gering verlies van beeldkwaliteit. Volgens Imagify is dit verlies in de meeste gevallen nauwelijks merkbaar.
  • Ultra: Dit is het sterkste compressieniveau van de plugin. Het leidt tot kwaliteitsverlies, maar bespaart de meeste ruimte.

#4: WordPress afbeeldingen optimaliseren met ShortPixel

Afbeeldingen optimaliseren voor WordPress: de 6 populairste plugins voor beeldcompressie

Actieve installaties: Meer dan 300.000
Waardering: 4.6 sterren (597 reviews)
Ondersteunde formaten: JPG, PNG, GIF, PDF, WebP
Gratis: 100 afbeeldingen per maand
Compressie: lossy, "glossy" en lossless

Wat biedt de gratis versie van ShortPixel?

Met de gratis versie van ShortPixel kun je 100 afbeeldingen per maand comprimeren. Afbeeldingen of bestanden die de plugin niet met meer dan 5 procent kan comprimeren, worden eerlijkheidshalve niet van je quota afgetrokken. Een ander pluspunt is dat zelfs in de gratis versie lossy compressie mogelijk is en er geen limiet is op de grootte van de geüploade afbeeldingen.

Afbeeldingen optimaliseren voor WordPress: de 6 populairste plugins voor beeldcompressie
De drie treden van beeldcompressie met Shortpixel

Voor degenen die meer dan 100 afbeeldingen per maand willen optimaliseren, biedt Shortpixel zeven tarieven met verschillende afbeeldingsquota's: van 5.000 afbeeldingen voor $3,99 per maand tot 16 miljoen afbeeldingen voor $1.000 per maand. De drie grootste plannen omvatten ook CDN-traffic met verschillende limieten.

#5: Beeldcompressie met Compress JPEG & PNG Images

Afbeeldingen optimaliseren voor WordPress: de 6 populairste plugins voor beeldcompressie

Actieve installaties: Meer dan 200.000
Beoordeling: 4,4 sterren (139 reviews)
Ondersteunde formaten: JPEG, PNG, APNG (geanimeerd PNG)
Gratis: 500 afbeeldingen per maand
Compressie: lossless

Wat biedt de gratis versie van Compress JPEG & PNG Images?

Compress JPEG & PNG Images is de officiële plugin voor de welbekende online compressietools TinyPNG en TinyJPG. Met de TinyPNG WordPress Plugin kun je 500 afbeeldingen per maand gratis comprimeren. Zodra de limiet is bereikt, word je gevraagd om te upgraden en je betalingsgegevens te verstrekken. Er zijn geen traditionele abonnementen, geen limieten voor de bestandsgrootte, en je betaalt alleen voor het aantal afbeeldingen dat daadwerkelijk wordt gecomprimeerd. Als je aan de bovenkant van de limieten zit, kan een abonnementsmodel van een andere provider met onbeperkte optimalisaties de goedkopere optie zijn.

Afbeeldingen optimaliseren voor WordPress: de 6 populairste plugins voor beeldcompressie
TinyPNG Prijzen

#6: Beeldoptimalisatie met Optimus

Afbeeldingen optimaliseren voor WordPress: de 6 populairste plugins voor beeldcompressie

Actieve installaties: Meer dan 60.000
Waardering: 4.2 sterren (68 beoordelingen)
Ondersteunde formaten: JPEG, PNG (WebP van betaalde versie Optimus HQ).
Gratis: Beeldgrootte max. 100 KB
Compressie: lossless" voor PNG's en "slightly lossy" voor JPEG's.

Wat biedt de gratis versie van Optimus?

Optimus is een beeldoptimalisatieplugin van KeyCDN. Je kunt de plugin in drie verschillende tarieven gebruiken: Optimus (gratis), Optimus HQ (premium) en Optimus HQ PRO (premium). Een belangrijke beperking van de gratis versie is de maximale bestandsgrootte van 100 KB. In de Premium tarieven is er een limiet van 10 MB. Ook een beveiligde verbinding met de server via HTTPS, WebP support en het gebruik van de API is alleen mogelijk vanaf het Optimus HQ tarief. Vanuit het oogpunt van gegevensbescherming heeft Optimus echter een beslissend voordeel - de gegevens worden verwerkt op servers in Europa en onmiddellijk na de optimalisering van de beelden gewist.

De volgende stap: afbeeldingen optimaliseren voor SEO

Het verkleinen van je afbeeldingen is een belangrijke factor voor prestatie-optimalisatie. Maar hoe zit het met je beeldoptimalisatie voor SEO? Ronny Schneider onthult in zijn artikel hoe je er het meeste uit kunt halen.

Conclusie: beeldoptimalisatie met plugins bespaart tijd

En dat zelfs op twee manieren: enerzijds vervalt de handmatige optimalisatie-inspanning voor jou en je klanten, anderzijds verbeter je de laadtijd van je website door geautomatiseerde beeldcompressie. In tijden waarin elke milliseconde telt als het gaat om website speed is beeldoptimalisatie een stap die je het beste kunt benutten.

Het is moeilijk om een algemeen antwoord te geven op de vraag welke plugin voor jou de beste oplossing is. Uiteindelijk hangt het ervan af hoeveel van de afbeeldingen achteraf moeten worden geoptimaliseerd en hoeveel nieuwe afbeeldingen worden toegevoegd. Als je slechts een paar afbeeldingen per maand uploadt naar de WordPress mediatheek en ook PDF-bestanden toevoegt, is ShortPixel een goede keuze. Als je niet afhankelijk wilt zijn van externe servers om je afbeeldingen te optimaliseren en je hoster staat het toe, dan is EWWW IO een goede keuze. Voor bedrijven die regelmatig inhoud produceren en veel afbeeldingen uploaden, kan WP Smush PRO, samen met de andere functies van WPMU DEV, de moeite waard zijn.

Het motto voor maximale optimalisatie is: "Dubbel is beter".

Als je zo weinig mogelijk tijd wilt besteden aan het optimaliseren van je afbeeldingen, is het betaalde aanbod van de plugins waarschijnlijk de betere keuze. Op deze manier hoef je je niet voortdurend zorgen te maken over uitgeputte megabytes of afbeeldingsquota's en de optimalisatie loopt automatisch op de achtergrond.

Als je wat meer tijd kunt besteden en het meeste uit de compressie wilt halen, moet je zelfs "dubbel optimaliseren". Dit is een aanpak die we zoveel mogelijk naleven bij RAIDBOXES. Nog voor we een afbeelding uploaden naar de mediabibliotheek, passen we het formaat aan tot het formaat dat we nodig hebben en exporteren het met de laagst mogelijke resolutie. In Photoshop, bijvoorbeeld, is er een optie om afbeeldingen specifiek voor webgebruik op te slaan. Je vindt de opdracht hiervoor onder "Bestand" en "Opslaan voor web". Bovendien gebruiken we Shortpixel in Compression Type "Glossy", dat automatisch elke afbeelding comprimeert die naar WordPress wordt geüpload en onnodige meta-informatie verwijdert.

Ik hoop dat de juiste plugin voor jouw behoeften in de lijst staat. Als je een andere aanbeveling hebt voor beeldoptimalisatie in WordPress, dan hoor ik dat graag van je in de comments.

Gerelateerde artikelen

Reacties op dit artikel

Laat een opmerking achter

Jouw e-mailadres zal niet worden gepubliceerd. Verplichte velden zijn met een * gemarkeerd.