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
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.
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:
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:
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:
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.
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:
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 (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.
Og det er derfor, du ser, at det er standardindstillingen...fordi der ikke er andre billedkomprimeringsindstillinger at lege med:
Smush, eller ej Smush... det er spørgsmålet!
Og når du laver Smush, er resultaterne ikke helt fantastiske:
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:
Under fanen "Generelt" kan du vælge mellem tre niveauer af komprimering:
- Med tab – højere komprimering, lavere billedkvalitet
- strålende – næsten identisk med originalbilledet
- 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
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:
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:
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 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:
- Aktiver billederstatning
- Skaler billeder og doven indlæsning
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:
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:
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:
- Original billedstørrelse: 555 KB
- Billedformat: JPEG
- Billedmål: 1px x 000px
Plugin | Komprimeret størrelse | Reduktionsprocent |
---|---|---|
Imagify | 25,8 KB | 95 % |
smush | 554,8 KB | 3% |
ShortPixel | 31,2 KB | 94 % |
EWWW | 496,2 KB | 9% |
Optimole | 26 KB | 95 % |
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!