Waar we in dit overzicht naar gaan kijken, zijn de beste WordPress-beeldoptimalisaties.

Elk van hen beweert het beste hulpmiddel voor dit doel te zijn. Daarom hebben we ze in het echt getest om te zien hoe ze daadwerkelijk presteren.

De resultaten van onze tests hebben ons echt verrast. Lees verder om erachter te komen wat we precies hebben ontdekt, vooral over ‘populaire’ plug-ins.

Waarom moeite doen om afbeeldingen te optimaliseren?

De afbeeldingen vertegenwoordigen ca. 21% van de grootte van een bepaalde pagina .

Hoe meer afbeeldingen u in uw inhoud gebruikt, hoe langer het duurt voordat een pagina is geladen. Maar u moet nog steeds afbeeldingen op uw site gebruiken. Het optimaliseren van uw afbeeldingen in Photoshop of iets dergelijks was vroeger de enige manier om de grootte van een afbeelding te verkleinen.

Maar het vergt veel werk en een bepaalde hoeveelheid kennis. Gelukkig zijn er een hele reeks plug-ins voor beeldoptimalisatie voor WordPress die dit werk voor je kunnen doen.

Hier zijn de plug-ins die we hebben getest.

Beste WordPress-plug-ins voor beeldoptimalisatie

Imagify 

Stel je de startpagina voor

Imagify is een gratis plug-in voor WordPress, maar u moet een Imagify.io-account aanmaken om de API te krijgen die nodig is om de plug-in te laten werken.

Stel je een API-verbinding voor

Imagify is afkomstig van dezelfde mensen die het hebben gemaakt WP Rocket , dus we hadden hoge verwachtingen op het gebied van functies en mogelijkheden.

Beeldinterface

U hoeft zich geen zorgen te maken over meerdere tabbladen, zijmenu's of iets dergelijks – de Imagify-interface beslaat één enkele pagina:

Beste WordPress-beeldoptimalisatie

Het is op het eerste gezicht een beetje intimiderend, maar er zijn eigenlijk maar een handvol instellingen waar je je zorgen over hoeft te maken, zoals 'optimalisatieniveau' en het inschakelen van beeldondersteuning.

Dat is het min of meer.

Een hele leuke functie is dat je je afbeeldingen kunt optimaliseren WordPress theme, of voeg in plaats daarvan gewoon een hele map met afbeeldingen toe:

Beste WordPress-beeldoptimalisatie

De tool “Visuele vergelijking” is een leuke bijkomstigheid: je kunt een voorbeeld bekijken van de verschillende niveaus van beeldcompressie die beschikbaar zijn in de plug-in:

afbeeldingen optimaliseren

U kunt kiezen uit drie verschillende soorten beeldcompressie:

  • Normaal – minimale compressie
  • Agressief – gemiddelde compressie (standaardinstelling)
  • Maximale ultracompressie

Zoals bij de meeste van deze plug-ins kun je “bulkoptimalisatie” uitvoeren voor bestaande afbeeldingen, maar we wilden testen hoe deze omging met het optimaliseren van nieuwe afbeeldingen.

Hoe dit moest gebeuren was niet erg duidelijk; er kwam wat vallen en opstaan ​​bij kijken.

U moet eerst de afbeelding uploaden en vervolgens naar uw mediabibliotheek in WordPress gaan om de optimalisatie-instellingen te vinden:

Stel je de optimalisatie-instellingen voor in de WP-mediabibliotheek

Uw afbeelding is geoptimaliseerd volgens de standaardinstelling van de Imagify-plug-in, en in dit geval was het de instelling "Agressief" die de bestandsgrootte met één verkleinde maar liefst 95,34% .

In reële termen betekent dit dat de bestandsgrootte is gedaald van 555 KB naar 25 KB.

Stel je het resultaat van agressieve instellingenoptimalisatie voor

U kunt vanuit dit scherm ervoor kiezen om te optimaliseren naar 'Ultra' of omlaag naar 'Normaal', en om het afbeeldingsbestand in de oorspronkelijke staat te herstellen.

U kunt zelfs de kwaliteit van het originele bestand vergelijken met de nieuw geoptimaliseerde versie voordat u het publiceert:

Imagify vergelijkt het origineel met het geoptimaliseerde

AVANTAGES

  • Zeer indrukwekkende beeldcompressie
  • Hun gratis abonnement dekt 25 MB beeldbandbreedte per maand
  • De minimale interface is zeer eenvoudig te gebruiken

NADELEN

  • Een apart tabblad voor 'Beheerder'-instellingen zou leuk zijn, maar we zijn hier aan het muggenziften

Samenvatting van Imagify:

  • Gemakkelijk te installeren: u moet zich registreren om toegang te krijgen tot de API-sleutel
  • Laatste update :  er 2 weken
  • Ondersteuning voor WebP-afbeeldingen: ja
  • Beeldcompressie testen:  95,34%

Smush 

Smush-beeldcompressie en -optimalisatie

Smush (voorheen WP Smush) is een van de meest populaire plug-ins voor beeldcompressie.

Als je de meeste website-eigenaren zou vragen wat ze gebruiken voor beeldcompressie, zouden ze waarschijnlijk 'Smush' zeggen. Dit verklaart ook waarom de plug-in 1 actieve installaties heeft.

Maar laten we eens kijken of hij zijn reputatie verdient?

Smush-interface

Het dashboard is heel overzichtelijk en vertelt je hoeveel afbeeldingen je hebt overschreven en hoeveel afbeeldingen er momenteel overschreven moeten worden:

De rest van de functies van Smush zijn toegankelijk via een menu aan de linkerkant van het scherm:

  • bulk Smush – comprimeer al uw afbeeldingen in één keer
  • Directory Smush – comprimeert alle afbeeldingen in een bepaalde map
  • integraties – Gutenberg, Amazon S3 NextGen Gallery en WP Bakery Pagina Builder
  • Lazy Load – stel het laden van afbeeldingen onder de vouw uit
  • CDN – Schakel WPMU Developer CDN voor Smush in
  • outils – Detecteer en geef afbeeldingen met een verkeerd formaat weer
  • Parameters – Toegankelijkheid, vertalingen, gebruiksregistratie, app-gegevens en API-status

Om eerlijk te zijn, de enige instellingen waar je waarschijnlijk naar moet kijken zijn 'Bulk Smush' en 'Lazy Load'.

afbeeldingen optimaliseren

Smush comprimeert nieuwe afbeeldingen standaard automatisch, dus we moesten die instelling uitschakelen om daadwerkelijk te zien wat Smush aan het doen was.

Smush Automation-compressie

En daarom zie je dat dit de standaardinstelling is... omdat er geen andere beeldcompressie-instellingen zijn om mee te spelen:

Afbeelding in mediabibliotheek zonder compressie Smush

Smush, of niet Smush… dat is de vraag!

En als je Smush doet, zijn de resultaten niet bepaald verbluffend:

Smush-resultaten voor beeldoptimalisatie

Smush gaf ons een 3,7% verkleining voor ons testbeeld.

In een poging echt eerlijk te zijn, hebben we een andere grotere afbeelding getest om te zien of deze zo goed was als de zaken waren:

Deze keer kregen we een verkleining van de afbeeldingsgrootte met 86,1%. Smush kon een bestand van 1,5 MB veel beter comprimeren dan een bestand van 555 KB. En na het vergelijken van de afbeeldingen ontdekten we waarom: de grotere afbeelding had minder kleuren en was minder complex.

Dat betekent dat het Smush-compressie-algoritme zo eenvoudig mogelijk is.

AVANTAGES

  • Het Smush Dashboard geeft een duidelijke visuele weergave van jouw statistiek en taken
  • Het is een 100% gratis plug-in

NADELEN

  • Een “verbetering” van 3% in de bestandsgrootte is zielig
  • U kunt de compressieniveaus niet wijzigen

Samenvatting van Smush:

  • Gemakkelijk te installeren: installeren en activeren vanuit WordPress
  • Laatste plug-in-update: er 1 maanden
  • Beeldcompressie testen: 3,7%
  • WebP-ondersteuning?  Niet

ShortPixel 

ShortPixel is een naam die je misschien niet meteen kent, maar ze ontwikkelen een reputatie als een van de beste beeld-CDN's die er zijn.

Het eerste dat we hier moeten bespreken, is dat er eigenlijk twee verschillende ShortPixel-plug-ins zijn:

  • ShortPixel-beeldoptimalisatie (SIO)
  • ShortPixel-adaptieve afbeeldingen (SAI)

Dus wat is het verschil tussen hen?

ShortPixel Image Optimizer is een betere keuze voor sites het verspreiden van gegevens onder een lokaal publiek en ShortPixel Adaptive Images zijn het meest geschikt voor sites die een internationaal publiek bedienen.

Daarom hebben we alleen de plug-in “Adaptive Images” getest.

Het installeren van de plug-in is eenvoudig, maar je moet wel een API aanvragen om alles goed te laten werken.

ShortPixel-interface

Ze kozen voor een minimalistische benadering van hun interface, wat een verademing is vergeleken met sommige andere plug-ins:

ShortPixel Ai-parameters

Op het tabblad ‘Algemeen’ kunt u kiezen uit drie compressieniveaus:

  1. met verlies – hogere compressie, lagere beeldkwaliteit
  2. Brillant – vrijwel identiek aan de originele afbeelding
  3. zonder verlies : lagere compressie, hogere beeldkwaliteit

WebP-ondersteuning is standaard ingeschakeld, evenals het lui laden van afbeeldingen. Het enige dat u hoeft te kiezen, is het type compressie dat u wilt gebruiken.

Het tabblad ‘Geavanceerd’ bevat de API-URL en een handvol instellingen die 99% van jullie nooit nodig zullen hebben.

Nogmaals, er is bijna geen configuratie bij betrokken.

Beeldcompressie

ShortPixel zorgt "on the fly" voor uw beeldcompressiebehoeften, dus het is enigszins moeilijk om de resultaten daadwerkelijk te meten.

In feite de enige manier om te vinden statistiek over beeldcompressie gebeurt via hun website.

En u moet een apart rapport downloaden dat slechts één keer per uur wordt bijgewerkt:

Maar de resultaten waren indrukwekkend... toen we ze eenmaal hadden gevonden:

Wij hebben een 94,36% vermindering van de bestandsgrootte , verkregen zonder enige aanpassing, manipulatie of manipulatie van verschillende parameters.

Met deze score staat ShortPixel op de derde plaats, maar slechts met de kleinste marges.

AVANTAGES

  • Beeldoptimalisatie instellen en vergeten
  • Uitstekende verkleining van de afbeeldingsbestandsgrootte
  • Geen manipulatie van ingewikkelde instellingen
  • Gratis account beschikbaar (100 afbeeldingen per maand)

NADELEN

  • Ze hebben een rapportagedashboard nodig in de plug-in
  • Verschillende beschikbare plug-ins zijn verwarrend

Samenvatting van ShortPixel:

  • Installatie: installeren en activeren vanuit WordPress
  • Laatste plug-in-update: er 16 uur
  • Beeldcompressie testen: 94,36%
  • WebP-ondersteuning? ja

EWWW-optimalisatie 

Ewww plug-in voor beeldoptimalisatie

Met 700 actieve installaties en een beoordeling van 000 sterren, EWWW lijkt een goede keuze als plug-in voor beeldcompressie.

Als enkele honderdduizenden site-eigenaren er blij mee zijn, moeten ze immers iets goed doen.

Interface

EWWW Image Optimizer heeft een zeer visueel dashboard, dat het niveau van beeldcompressie weergeeft dat u kunt verwachten, evenals hoeveel bestandsruimte u tot nu toe heeft bespaard.

Het is je misschien opgevallen dat het compressieniveau is ingesteld op 20%, wat er nog steeds niet zo slecht uitziet.

Tot je in het menu "Basis" merkt dat je de optimalisatieniveaus voor geen enkel type afbeelding kunt wijzigen:

Ewww basismenu voor beeldoptimalisatie

U moet een API-sleutel aanschaffen om toegang te krijgen tot hun “Pixel Perfect Plus” of betere compressietools.

We bespreken dit falen in wat meer detail in de volgende sectie.

De rest van de interface is toegankelijk via een menu met tabbladen, maar we denken dat nieuwe gebruikers zich behoorlijk overweldigd zullen voelen als ze de tientallen verschillende opties zien die kunnen worden in- of uitgeschakeld.

Beeldcompressie

Net als Smush comprimeert EWWW Image Optimizer automatisch alle nieuwe afbeeldingen die naar uw WP-mediabibliotheek zijn geüpload.

Helaas is de enige manier om dit te doen het handmatig bewerken van je wp_config.php-bestand, of wat ze noemen " vervangingsmogelijkheden .

Dit toezicht maakt de plug-in onmiddellijk ontoegankelijk voor een zeer groot aantal mensen.

We hebben onze plug-in getest met de standaard optimalisatie-instelling en kregen dit resultaat:

Ewww Resultaten van beeldoptimalisatie

Deze 9% verkleining van de bestandsgrootte (58,8 KB) bracht de grootte van onze testafbeelding terug van 555 KB naar 496,2 KB. Dit is een iets betere prestatie dan Smush, maar ligt ver achter bij alle andere plug-ins van deze synthese.

De enige manier om dit resultaat te verbeteren is door een API aan te schaffen die $ 0,0003 per afbeelding in rekening brengt. Of u kunt in plaats daarvan $ 9 per maand betalen voor hun ExactDN-afbeeldings-CDN.

Het lijkt misschien een slimme marketingzet, maar het maakt hun gratis plug-in in feite onbruikbaar.

Het is gewoon een tool voor het genereren van leads, gekleed als een plug-in voor beeldoptimalisatie.

AVANTAGES

  • EWWW Image Optimizer is gratis

NADELEN

  • De interface is een echte ramp
  • De beeldcompressie is zeer slecht
  • De gratis versie van de plug-in is uiterst beperkt in functionaliteit

Samenvatting van EWWW

  • Installatie: installeren en activeren vanuit WordPress
  • Laatste plug-in-update: er 2 weken
  • Beeldcompressie: 9%
  • WebP-ondersteuning? ja

Optimole

Optimole

Optimole  is een product met veel overeenkomsten met Imagify en ShortPixel, omdat het cloudgebaseerde beeldoptimalisatie en -compressie biedt.

Of, in hun eigen woorden: “…een real-time beeldverwerking en beeld-CDN voor WordPress”.

En net als de meeste andere cloudgebaseerde tools voor beeldoptimalisatie, moet u een gratis account aanmaken om deze plug-in te gebruiken. Uw Optimole-account is niet “voor altijd gratis”: er is een beeldlimiet van 1 GB aan verbonden.

Interface

We hielden van de Optimole-interface – ze zijn erin geslaagd het bedrieglijk eenvoudig te houden, terwijl alle instellingen die je nodig hebt binnen handbereik bleven.

U heeft de keuze tussen "Dashboard" en "Instellingen":

Onder Instellingen heb je twee hoofdopties:

  1. Schakel afbeeldingsvervanging in
  2. Schaal afbeeldingen en lui laden
Optimole Algemene Instellingen

En onder het menu “Geavanceerd” kunt u kiezen uit:

  • Compressieniveau – laag, gemiddeld of hoog
  • Formaat van afbeelding wijzigen - wijzig het formaat van grote afbeeldingen zodat ze passen
  • Trage voortgang (schakel generieke tijdelijke aanduiding in)
  • uitsluitingen – bestanden die u niet wilt optimaliseren
  • watermerk – voeg een watermerk toe aan uw afbeeldingen om bloedzuigers/diefstallen te ontmoedigen

Het zou als de meest intuïtieve interface van het stel zijn beschouwd als er niet één flagrante fout was geweest.

Toegang tot de plug-in betekent dat u naar Plug-ins -> Geïnstalleerde plug-ins gaat en vervolgens naar beneden scrollt om op “Instellingen” van de plug-in te klikken.

We hopen dat ze dit probleem in een toekomstige update oplossen met een soort beheerdersbalk of contextmenusysteem.

Beeldcompressie

De interface is dus geweldig, maar hoe goed slaagt deze erin de bestandsgrootte van afbeeldingen te verkleinen?

Nou, hier vielen de zaken een beetje uit elkaar. Het integreert niet met de mediabibliotheek, dus we konden daar geen krimp van afbeeldingsbestanden zien. Na wat manipulatie en vernieuwingen gingen we terug naar het dashboard en vonden daar het resultaat:

Resultaten van Optimole-beeldoptimalisatie

Ons testbeeld is nu 21,8x kleiner dan voorheen, wat er geweldig uitziet. Maar dat hadden we nog steeds enig idee wat dat betekende in kilobytes/megabytes. Daarom hebben we als laatste redmiddel het webdashboard van ons Optimole-account gecontroleerd:

Nieuwste afbeeldingen geoptimaliseerd met Optimole

26 KB is een geweldig resultaat, maar er zijn gewoon te veel hoepels waar je doorheen moet springen om die informatie te krijgen. Optimole doet zijn werk heel goed, maar ze moeten aan hun UX werken.

U moet ook rekening houden met uw kosten zodra u uw gratis 1 GB aan afbeeldingen per maand (5 GB kijkbandbreedte) heeft gebruikt.

AVANTAGES

  • Indrukwekkende mogelijkheden voor beeldreductie
  • De watermerkfunctie is behoorlijk cool
  • Vereenvoudigde en intuïtieve interface
  • 5 GB gratis beeldbandbreedte per maand

NADELEN

  • In feite is toegang tot de plug-in een hele klus
  • Rapporten zijn op zijn zachtst gezegd ingewikkeld

Samenvatting van Optimole

  • Gemakkelijk te installeren: u moet zich registreren om toegang te krijgen tot de API-sleutel
  • Laatste plug-in-update: 1 dag geleden
  • Beeldcompressie: 95%
  • WebP-ondersteuning? ja

Resultaten van beeldcompressie

Alle onderstaande resultaten zijn gebaseerd op dit testbeeld:

Wat is de beste WordPress Image Optimizer
  • Oorspronkelijke afbeeldingsgrootte: 555 KB
  • Beeldformaat: JPEG
  • Afmetingen afbeelding: 1px x 000px
InpluggenGecomprimeerd formaatKortingspercentage
Imagify25,8 KB95%
Smush554,8 KB3%
ShortPixel 31,2 KB94%
EWWW 496,2 KB9%
Optimole26 KB95%

De plug-in met het beste beeldoptimalisatieresultaat is Imagify.io , waarbij Optimole de 2e plaats behaalde en ShortPixel heel, heel dichtbij de 3e plaats.

Wat het meest interessant was in onze tests waren de slechte prestaties van Smush en EWWW, maar de cijfers liegen niet.

Het heeft geen zin om plug-ins te gebruiken die letterlijk niet doen wat ze zeggen.

Conclusie

En dat brengt ons aan het einde van onze vergelijking van WordPress-beeldoptimalisaties, waarbij Imagify duidelijk de winnaar wordt.

Wij waren oprecht verrast door de prestatie door Imagify en Optimole in onze tests.

Dit was echter gebaseerd op het feit dat we niet veel wisten over beide plug-ins, en niet op eventuele negatieve percepties van onze kant.

ShortPixel is onze favoriete tool, simpelweg omdat het bijna geautomatiseerd is: we laten het gewoon zijn ding doen.

Zoals u waarschijnlijk weet, houden we ervan om vrijwel alles wat we doen te systematiseren. Maar dat gezegd zijnde, zouden we meer kunnen testen met Imagify op live sites om te zien hoe het presteert.

Laat ons in een reactie weten wat je van deze verzameling vond, en vergeet niet dit artikel te delen als je het nuttig vond.

Ga je gang, je weet dat je het wilt!