Det, vi skal se på i denne roundup, er de bedste WordPress-billedoptimeringsværktøjer.

Hver af dem hævder at være det bedste værktøj til dette formål. Så vi testede dem i det virkelige liv for at se, hvordan de rent faktisk præsterer.

Resultaterne af vores tests overraskede os virkelig. Læs videre for at finde ud af præcis, hvad vi opdagede, især om "populære" plugins.

Hvorfor bekymre sig om at optimere billeder?

Billederne repræsenterer ca. 21 % af størrelsen på en given side .

Jo flere billeder du bruger i dit indhold, jo længere tid vil det tage for en side at indlæse. Men du bør stadig bruge billeder på dit websted. At optimere dine billeder i Photoshop eller lignende plejede at være den eneste måde at reducere størrelsen på et billede på.

Men det kræver meget arbejde og en vis mængde viden. Heldigvis er der en lang række billedoptimeringsplugins til WordPress til at udføre dette job for dig.

Her er de plugins, vi testede.

Bedste WordPress billedoptimeringsplugins

Imagify 

Forestil dig hjemmesiden

Imagify er et gratis plugin til WordPress, men du bliver nødt til at oprette en Imagify.io-konto for at få den nødvendige API for at plugin'et kan fungere.

Forestil dig API-forbindelse

Imagify kommer fra de samme mennesker, der skabte WP Rocket , så vi havde høje forventninger med hensyn til funktioner og muligheder.

Forestil dig interface

Du behøver ikke bekymre dig om flere faner, sidemenuer eller noget lignende – Imagify-grænsefladen fylder en enkelt side:

Bedste WordPress Image Optimizer

Det er lidt skræmmende ved første øjekast, men der er egentlig kun en håndfuld indstillinger, du skal bekymre dig om, såsom "optimeringsniveau" og aktivering af billedsupport. WebP.

Det er mere eller mindre det.

En rigtig fed funktion er, at du kan optimere dine billeder WordPress tema, eller bare tilføje en hel mappe med billeder i stedet for:

Bedste WordPress Image Optimizer

Værktøjet "Visuel sammenligning" er en fin detalje: du kan forhåndsvise de forskellige niveauer af billedkomprimering, der er tilgængelige i plugin:

Billedoptimering

Du kan vælge tre forskellige typer billedkomprimering:

  • Normal – minimal kompression
  • Aggressiv – medium komprimering (standardindstilling)
  • Maksimal ultrakompression

Som med de fleste af disse plugins, kan du lave "bulk optimization" for eksisterende billeder, men vi ønskede at teste, hvordan det håndterede at optimere nye billeder.

Hvordan man gjorde dette var ikke særlig klart - der var nogle forsøg og fejl involveret.

Du skal først uploade billedet og derefter gå til dit mediebibliotek i WordPress for at finde optimeringsindstillingerne:

Forestil dig optimeringsindstillinger i WP mediebibliotek

Dit billede er optimeret i henhold til standardindstillingen for Imagify-pluginnet, og i dette tilfælde var det indstillingen "Aggressive", der reducerede filstørrelsen med én hele 95,34 % .

I reelle termer betyder det, at filstørrelsen er faldet fra 555 KB til 25 KB.

Forestil dig et aggressivt optimeringsresultat

Du kan vælge at optimere op til 'Ultra' eller ned til 'Normal' fra denne skærm, samt gendanne billedfilen til dens oprindelige tilstand.

Du kan endda sammenligne kvaliteten af ​​den originale fil med den nyligt optimerede version, før du udgiver den:

Imagify sammenligner originalen og den optimerede

Avantages

  • Meget imponerende billedkomprimering
  • Deres gratis abonnement dækker 25 MB billedbåndbredde om måneden
  • Den minimale grænseflade er meget nem at bruge

Ulemper

  • En separat fane for "Administrator"-indstillinger ville være rart, men vi nitpicker her

Resumé af Imagify:

  • Nem installation: du skal registrere dig for at få adgang til API-nøglen
  • Sidste ændring :  der 2 uger
  • WebP-billedstøtte: ja
  • Test billedkomprimering:  95,34%

smush 

Smush billedkomprimering og optimering

smush (tidligere WP Smush) er et af de mest populære billedkomprimeringsplugins.

Faktisk, hvis du spurgte de fleste webstedsejere, hvad de bruger til billedkomprimering, ville de sandsynligvis sige "Smush". Dette forklarer også, hvorfor plugin'et har 1 aktive installationer.

Men lad os se, om han fortjener sit ry?

Smush interface

Dashboardet er meget overskueligt og fortæller dig, hvor mange billeder du har overskrevet, og hvor mange billeder der i øjeblikket skal overskrives:

Resten af ​​Smushs funktioner er tilgængelige fra en menu i venstre side af skærmen:

  • Bulk Smush – komprimer alle dine billeder på én gang
  • Directory Smush – komprimerer alle billeder i en given mappe
  • integrationer – Gutenberg, Amazon S3 NextGen Gallery og WP Bakery Side Builder
  • Lazy Load – udskyd indlæsning af billeder under fold
  • CDN – Aktiver WPMU Developer CDN for Smush
  • værktøjer – Registrer og vis billeder i forkert størrelse
  • Parametre – Tilgængelighed, oversættelser, brugssporing, appdata og API-status

For at være retfærdig er de eneste indstillinger, du sandsynligvis skal se på, 'Bulk Smush' og 'Lazy Load'.

Billedoptimering

Smush komprimerer automatisk nye billeder som standard, så vi var nødt til at slå den indstilling fra for rent faktisk at se, hvad Smush lavede.

Smush Automation Kompression

Og det er derfor, du ser, at det er standardindstillingen...fordi der ikke er andre billedkomprimeringsindstillinger at lege med:

Billede i mediebibliotek uden komprimering Smush

Smush, eller ej Smush... det er spørgsmålet!

Og når du laver Smush, er resultaterne ikke helt fantastiske:

Smush billedoptimeringsresultater

Smush gav os en 3,7 % reduktion i størrelse til vores testbillede.

I et forsøg på at være virkelig retfærdige testede vi et andet større billede for at se, om det var så godt, som tingene var:

Denne gang fik vi en 86,1 % reduktion i billedstørrelsen. Smush gjorde et meget bedre stykke arbejde med at komprimere en 1,5 MB fil end en 555 KB fil. Og efter at have sammenlignet billederne fandt vi ud af hvorfor: det større billede havde færre farver og var mindre komplekst.

Hvilket betyder, at Smush-komprimeringsalgoritmen er så grundlæggende som muligt.

Avantages

  • Smush Dashboard giver en klar visuel repræsentation af din statistik og opgaver
  • Det er et 100% gratis plugin

Ulemper

  • En 3% "forbedring" i filstørrelse er ynkeligt
  • Du kan ikke ændre kompressionsniveauer

Resumé af Smush:

  • Nem installation: installere og aktivere fra WordPress
  • Seneste plugin-opdatering: der 1 måneder
  • Test billedkomprimering: 3,7%
  • WebP support?  Ikke

ShortPixel 

ShortPixel er et navn, du måske ikke umiddelbart kender, men de er ved at udvikle et ry som et af de bedste billed-CDN'er, der findes.

Den første ting, vi skal tage fat på her, er, at der faktisk er to forskellige ShortPixel-plugins:

  • ShortPixel Image Optimizer (SIO)
  • ShortPixel Adaptive Images (SAI)

Så hvad er forskellen mellem dem?

ShortPixel Image Optimizer er et bedre valg til websteder formidling af data til et lokalt publikum , og ShortPixel Adaptive Images er bedst egnet til websteder, der betjener internationale målgrupper.

Derfor testede vi kun pluginnet "Adaptive Images".

Installation af plugin er ligetil, men du skal anmode om en API for at alt fungerer korrekt.

ShortPixel interface

De gik efter en minimalistisk tilgang til deres grænseflade, som er et frisk pust sammenlignet med nogle andre plugins:

ShortPixel Ai-parametre

Under fanen "Generelt" kan du vælge mellem tre niveauer af komprimering:

  1. Med tab – højere komprimering, lavere billedkvalitet
  2. strålende – næsten identisk med originalbilledet
  3. tabsfri : lavere komprimering, højere billedkvalitet

WebP-understøttelse er aktiveret som standard, ligesom lazy image loading. Det eneste du skal vælge er den type kompression du vil bruge.

Fanen "Avanceret" indeholder API-URL'en og en håndfuld indstillinger, som 99% af jer aldrig får brug for.

Igen, næsten ingen konfiguration er involveret.

Billedkomprimering

ShortPixel tager sig af dit billedkomprimeringsbehov "on the fly", så det er noget svært rent faktisk at måle resultaterne.

Faktisk den eneste måde at finde statistik på billedkomprimering er via deres hjemmeside.

Og du skal downloade en separat rapport, som kun opdateres en gang i timen:

Men resultaterne var imponerende... da vi fandt dem:

Vi fik en 94,36 % reduktion i filstørrelse opnået uden nogen justering, manipulation eller manipulation af forskellige parametre.

Denne score placerer ShortPixel på 3. pladsen, men kun med den mindste margen.

Avantages

  • Indstil og glem billedoptimering
  • Fremragende billedfilstørrelsesreduktion
  • Ingen manipulation af komplicerede indstillinger
  • Gratis konto tilgængelig (100 billeder pr. måned)

Ulemper

  • De har brug for et rapporteringsdashboard i plugin'et
  • Flere tilgængelige plugins er forvirrende

Resumé af ShortPixel:

  • Facilitet: installere og aktivere fra WordPress
  • Seneste plugin-opdatering: Der 16 timer
  • Test billedkomprimering: 94,36%
  • WebP support? ja

EWWW Optimizer 

Ewww billedoptimeringsplugin

Med 700 aktive installationer og en bedømmelse på 000 stjerner, EWWW virker som et godt valg som et billedkomprimeringsplugin.

Når alt kommer til alt, hvis flere hundrede tusinde webstedsejere er tilfredse med det, så må de gøre noget rigtigt.

grænseflade

EWWW Image Optimizer har et meget visuelt dashboard, der viser niveauet af billedkomprimering, du kan forvente, samt hvor meget filplads du har sparet indtil videre.

Du har måske bemærket, at dens kompressionsniveau er sat til 20%, hvilket stadig ikke ser så dårligt ud.

Indtil du bemærker i menuen "Grundlæggende", at du faktisk ikke kan ændre optimeringsniveauerne for nogen type billede:

Ewww billedoptimering grundlæggende menu

Du skal købe en API-nøgle for at få adgang til deres "Pixel Perfect Plus" eller bedre komprimeringsværktøjer.

Vi diskuterer denne fejl mere detaljeret i næste afsnit.

Resten af ​​grænsefladen tilgås via en fanemenu, men vi tror, ​​at nye brugere kan føle sig virkelig overvældede, når de ser snesevis af forskellige muligheder, der kan slås til eller fra.

Billedkomprimering

Ligesom Smush komprimerer EWWW Image Optimizer automatisk alle nye billeder, der er uploadet til dit WP-mediebibliotek.

Desværre er den eneste måde at gøre dette på manuelt at redigere din wp_config.php fil, eller hvad de kalder " udskiftningsmuligheder '.

Denne forglemmelse gør pluginnet øjeblikkeligt utilgængeligt for et meget stort antal mennesker.

Vi kørte vores test af plugin'et ved hjælp af dets standardoptimeringsindstilling og fik dette resultat:

Ewww resultater for billedoptimering

Denne reduktion på 9 % i filstørrelse (58,8 KB) bragte vores testbilledstørrelse ned fra 555 KB til 496,2 KB. Dette er en lidt bedre ydeevne end Smush, men langt bagefter alle de andre plugins i denne syntese.

Den eneste måde at forbedre dette resultat på er at købe en API, der opkræver $0,0003 pr. billede. Eller du kan betale $9 om måneden for deres ExactDN image CDN i stedet.

Det kan virke som et smart markedsføringstiltag, men det gør effektivt deres gratis plugin ubrugelig.

Det er bare et leadgenereringsværktøj klædt ud som et billedoptimeringsplugin.

Avantages

  • EWWW Image Optimizer er gratis

Ulemper

  • Interfacet er en sand katastrofe
  • Billedkomprimeringen er meget dårlig
  • Den gratis version af plugin'et er ekstremt begrænset i funktionalitet

Resumé af EWWW

  • Facilitet: installere og aktivere fra WordPress
  • Seneste plugin-opdatering: der 2 uger
  • Billedkomprimering: 9%
  • WebP support? ja

Optimole

Optimole

Optimole  er et produkt med mange ligheder med Imagify og ShortPixel, idet det tilbyder cloud-baseret billedoptimering og komprimering.

Eller, med deres egne ord, "...en billedbehandling og billed-CDN i realtid til WordPress".

Og ligesom de fleste andre cloud-baserede billedoptimeringsværktøjer skal du oprette en gratis konto for at bruge dette plugin. Din Optimole-konto er ikke "gratis for evigt": en billedbegrænsning på 1 GB er pålagt den.

grænseflade

Vi elskede Optimole-grænsefladen - de formåede at holde det vildledende simpelt, mens de holdt alle de indstillinger, du har brug for, lige ved hånden.

Du har valget mellem "Dashboard" og "Indstillinger":

Under Indstillinger har du to hovedmuligheder:

  1. Aktiver billederstatning
  2. Skaler billeder og doven indlæsning
Optimole generelle indstillinger

Og under menuen "Avanceret" kan du vælge mellem:

  • Kompressionsniveau – lav, medium eller høj
  • Billedets størrelse – Tilpas størrelsen på store billeder, så de passer
  • Lazy loading (aktiver generisk pladsholder)
  • Undtagelser – filer, du ikke ønsker optimerede
  • vandmærke – tilføj et vandmærke til dine billeder for at afskrække igler/tyverier

Det ville have været betragtet som den mest intuitive grænseflade af flok, hvis ikke for en iøjnefaldende fejl.

Adgang til plugin'et betyder at gå til Plugins -> Installerede plugins og derefter scrolle ned for at klikke på "Indstillinger" for plugin'et.

Vi håber, de løser dette problem i en fremtidig opdatering med en form for admin bar eller kontekstmenusystem.

Billedkomprimering

Så grænsefladen er fantastisk, men hvor godt formår den at reducere billedfilstørrelsen?

Nå, det var her, tingene faldt lidt fra hinanden. Det er ikke integreret med mediebiblioteket, så vi kunne ikke se nogen krympning af billedfiler der. Efter lidt manipulation og opfriskning gik vi tilbage til dashboardet og fandt resultatet der:

Optimole billedoptimeringsresultater

Vores testbillede er nu 21,8x mindre end før, hvilket ser fantastisk ud. Men det havde vi stadig ingen ide hvad det betød i kilobyte/megabyte. Så vi tjekkede web-dashboardet på vores Optimole-konto som en sidste udvej:

Seneste billeder optimeret med Optimole

26KB er et fantastisk resultat, men der er bare for mange bøjler at springe igennem for at få den information. Optimole gør sit arbejde meget godt, men de skal arbejde på deres UX.

Du skal også overveje dine omkostninger, når du har brugt dine gratis 1 GB billeder om måneden (5 GB visningsbåndbredde).

Avantages

  • Imponerende billedreduktionsevne
  • Vandmærkefunktionen er ret cool
  • Forenklet og intuitiv grænseflade
  • 5 GB gratis billedbåndbredde om måneden

Ulemper

  • Faktisk er det en opgave at få adgang til plugin'et
  • Rapporter er mildest talt komplicerede

Resumé af Optimole

  • Nem installation: du skal registrere dig for at få adgang til API-nøglen
  • Seneste plugin-opdatering: 1 dag siden
  • Billedkomprimering: 95%
  • WebP support? ja

Resultater for billedkomprimering

Alle resultater nedenfor er baseret på dette testbillede:

Hvad er den bedste WordPress Image Optimizer
  • Original billedstørrelse: 555 KB
  • Billedformat: JPEG
  • Billedmål: 1px x 000px
PluginKomprimeret størrelseReduktionsprocent
Imagify25,8 KB95 %
smush554,8 KB3%
ShortPixel 31,2 KB94 %
EWWW 496,2 KB9%
Optimole26 KB95 %

Det plugin med det bedste billedoptimeringsresultat er Imagify.io , hvor Optimole indtager 2. pladsen og ShortPixel kommer meget, meget tæt på 3. pladsen.

Det, der var mest interessant i vores test, var Smush og EWWWs dårlige præstation, men tallene lyver ikke.

Der er ingen mening i at bruge plugins, der bogstaveligt talt ikke gør, hvad de siger.

Konklusion

Og det bringer os til slutningen af ​​vores WordPress-billedoptimeringssammenligning, hvor Imagify klart bliver vinderen.

Vi var virkelig overraskede over præstationen af Imagify og Optimole i vores test.

Dette var dog baseret på, at vi ikke vidste meget om begge plugin, og ikke på nogen negative opfattelser fra vores side.

ShortPixel er vores foretrukne værktøj, simpelthen fordi det næsten er automatiseret: vi lader det bare gøre sit.

Som du sikkert ved, kan vi godt lide at systematisere stort set alt, hvad vi laver. Men når det er sagt, kunne vi lave flere test med Imagify på live-websteder for at se, hvordan det klarer sig.

Fortæl os, hvad du syntes om denne roundup med en kommentar, og glem ikke at dele denne artikel, hvis du fandt den nyttig.

Gå videre, du ved, du vil have det!