Ceea ce ne vom uita în această rezumat sunt cele mai bune optimizatoare de imagine WordPress.

Fiecare dintre ele pretinde a fi cel mai bun instrument în acest scop. Așa că le-am testat în viața reală pentru a vedea cum performează de fapt.

Rezultatele testelor noastre ne-au surprins cu adevărat. Citiți mai departe pentru a afla exact ce am descoperit, în special despre pluginurile „populare”.

De ce să vă obosiți să optimizați imaginile?

Imaginile reprezintă cca. 21% din dimensiunea unei anumite pagini .

Cu cât folosești mai multe imagini în conținutul tău, cu atât va dura mai mult pentru încărcarea unei pagini. Dar ar trebui să folosești în continuare imagini pe site-ul tău. Optimizarea imaginilor în Photoshop sau similar a fost singura modalitate de a reduce dimensiunea unei imagini.

Dar este nevoie de multă muncă și de o anumită cantitate de cunoștințe. Din fericire, există o gamă întreagă de pluginuri de optimizare a imaginii pentru WordPress pentru a face această treabă pentru tine.

Iată pluginurile pe care le-am testat.

Cele mai bune pluginuri de optimizare a imaginii WordPress

Imagify 

Imaginează pagina de pornire

Imagify este un plugin gratuit pentru WordPress, dar va trebui să creați un cont Imagify.io pentru a obține API-ul necesar pentru ca pluginul să funcționeze.

Imaginează conexiunea API

Imagify vine de la aceiași oameni care au creat WP Rocket , așa că aveam așteptări mari în ceea ce privește caracteristicile și capabilitățile.

Imagine Interfață

Nu va trebui să vă faceți griji pentru mai multe file, meniuri laterale sau orice altceva de genul - interfața Imagify ocupă o singură pagină:

Cel mai bun optimizator de imagine WordPress

Este puțin intimidant la prima vedere, dar există într-adevăr doar o mână de setări de care trebuie să vă faceți griji, cum ar fi „nivelul de optimizare” și activarea suportului pentru imagini. WebP.

Este mai mult sau mai puțin asta.

O caracteristică foarte interesantă este că vă puteți optimiza imaginile WordPress temă, sau adăugați un întreg folder de imagini:

Cel mai bun optimizator de imagine WordPress

Instrumentul „Comparație vizuală” este o atingere plăcută: puteți previzualiza diferitele niveluri de compresie a imaginii disponibile în plugin:

Optimizarea imaginilor

Puteți alege trei tipuri diferite de compresie a imaginii:

  • Normal – compresie minimă
  • Agresiv – compresie medie (setare implicită)
  • Ultracompresie maximă

Ca și în cazul majorității acestor plugin-uri, puteți face „optimizare în bloc” pentru imaginile existente, dar am vrut să testăm modul în care a gestionat optimizarea noilor imagini.

Cum să faceți acest lucru nu a fost foarte clar – au fost implicate unele încercări și erori.

Mai întâi trebuie să încărcați imaginea, apoi să accesați biblioteca media din WordPress pentru a găsi setările de optimizare:

Imaginează setările de optimizare în biblioteca media WP

Imaginea ta este optimizată conform setării implicite a pluginului Imagify, iar în acest caz a fost setarea „Agresiv” care a redus dimensiunea fișierului cu una uimitor de 95,34% .

În termeni reali, aceasta înseamnă că dimensiunea fișierului a scăzut de la 555 KB la 25 KB.

Imaginează rezultatul optimizării setărilor agresive

Puteți alege să optimizați până la „Ultra” sau până la „Normal” din acest ecran, precum și să restaurați fișierul imagine la starea inițială.

Puteți chiar să comparați calitatea fișierului original cu versiunea recent optimizată înainte de a-l publica:

Imagify compară originalul și cel optimizat

Avantaje

  • Comprimarea imaginii foarte impresionantă
  • Planul lor gratuit acoperă 25 MB de lățime de bandă a imaginii pe lună
  • Interfața minimă este foarte ușor de utilizat

DEZAVANTAJE

  • O filă separată pentru setările „Administrator” ar fi plăcută, dar noi luăm în considerare aici

Rezumatul imaginii:

  • Ușurință de instalare: trebuie să vă înregistrați pentru a accesa cheia API
  • Ultima actualizare :  Acum 2 săptămâni
  • Suport pentru imagini WebP: da
  • Testați compresia imaginii:  95,34%

Smush 

Comprimarea și optimizarea imaginii Smush

Smush (fostul WP Smush) este unul dintre cele mai populare pluginuri de compresie a imaginii.

De fapt, dacă ai întreba majoritatea proprietarilor de site-uri web ce folosesc pentru compresia imaginilor, probabil că ar spune „Smush”. Acest lucru explică și de ce pluginul are 1 de instalări active.

Dar să vedem dacă își merită reputația?

Interfață Smush

Tabloul de bord este foarte clar și vă spune câte imagini ați suprascris și câte imagini trebuie să fie suprascrise în prezent:

Restul funcțiilor lui Smush sunt accesibile dintr-un meniu din partea stângă a ecranului:

  • Bulk Smush - comprimați toate imaginile simultan
  • Directorul Smush – comprimă toate imaginile dintr-un director dat
  • integrările – Gutenberg, Amazon S3 NextGen Gallery și WP Bakery Page Builder
  • Sarcină leneș – amânați încărcarea imaginilor sub pliul
  • CDN – Activați WPMU Developer CDN pentru Smush
  • unelte – Detectați și afișați imagini cu dimensiuni incorect
  • Parametrii – Accesibilitate, traduceri, urmărirea utilizării, datele aplicației și starea API

Pentru a fi corect, singurele setări la care va trebui probabil să te uiți sunt „Bulk Smush” și „Lazy Load”.

Optimizarea imaginilor

Smush comprimă automat imaginile noi în mod implicit, așa că a trebuit să dezactivăm această setare pentru a vedea de fapt ce făcea Smush.

Smush Automation Compresie

Și de aceea vezi că este setarea implicită... pentru că nu există alte setări de compresie a imaginii cu care să te joci:

Imagine în biblioteca media fără compresie Smush

Smush, sau nu Smush... asta este întrebarea!

Și când faci Smush, rezultatele nu sunt chiar uimitoare:

Rezultatele optimizării imaginii Smush

Smush ne-a dat un Reducerea dimensiunii cu 3,7%. pentru imaginea noastră de testare.

În efortul de a fi cu adevărat corecti, am testat o altă imagine mai mare pentru a vedea dacă a fost la fel de bună cum erau lucrurile:

De data aceasta, am obținut o reducere de 86,1% a dimensiunii imaginii. Smush a făcut o treabă mult mai bună comprimând un fișier de 1,5 MB decât un fișier de 555 KB. Și după compararea imaginilor, ne-am dat seama de ce: imaginea mai mare avea mai puține culori și era mai puțin complexă.

Ceea ce înseamnă că algoritmul de compresie Smush este cât se poate de simplu.

Avantaje

  • Tabloul de bord Smush oferă o reprezentare vizuală clară a dvs statistică și sarcini
  • Este un plugin 100% gratuit

DEZAVANTAJE

  • O „îmbunătățire” cu 3% a dimensiunii fișierului este jalnică
  • Nu puteți modifica nivelurile de compresie

Rezumatul Smush:

  • Ușurință de instalare: instalați și activați din WordPress
  • Ultima actualizare a pluginului: acolo 1 luni
  • Testați compresia imaginii: 3,7%
  • Suport WebP?  Nu

ShortPixel 

ShortPixel este un nume pe care s-ar putea să nu-l cunoști imediat, dar își dezvoltă o reputație ca unul dintre cele mai bune CDN-uri de imagine din jur.

Primul lucru pe care trebuie să-l abordăm aici este că există de fapt două pluginuri ShortPixel diferite:

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

Deci, care este diferența dintre ele?

ShortPixel Image Optimizer este o alegere mai bună pentru site-uri diseminarea datelor către un public local , iar ShortPixel Adaptive Images este cel mai potrivit pentru site-urile care deservesc publicul internațional.

De aceea am testat doar pluginul „Adaptive Images”.

Instalarea pluginului este simplă, dar va trebui să solicitați un API pentru ca totul să funcționeze corect.

Interfață ShortPixel

Au optat pentru o abordare minimalistă a interfeței lor, care este o gură de aer proaspăt în comparație cu alte plugin-uri:

Parametrii ShortPixel Ai

În fila „General”, puteți alege dintre trei niveluri de compresie:

  1. Cu pierdere – compresie mai mare, calitate mai scăzută a imaginii
  2. Brillante – aproape identic cu imaginea originală
  3. Fără pierderi : compresie mai mică, calitate mai mare a imaginii

Suportul WebP este activat implicit, la fel ca și încărcarea leneșă a imaginilor. Singurul lucru pe care trebuie să-l alegi este tipul de compresie pe care vrei să-l folosești.

Fila „Avansat” conține adresa URL API și o mână de setări de care 99% dintre voi nu vor avea niciodată nevoie.

Din nou, aproape nicio configurație nu este implicată.

Compresia imaginii

ShortPixel are grijă de nevoile dvs. de compresie a imaginii „din mers”, așa că este oarecum dificil să măsurați efectiv rezultatele.

De fapt, singura modalitate de a găsi statistică despre compresia imaginii se face prin site-ul lor.

Și trebuie să descărcați un raport separat, care este actualizat doar o dată pe oră:

Dar rezultatele au fost impresionante... odată ce le-am găsit:

Avem un Reducere cu 94,36% a dimensiunii fișierului , obținut fără nicio ajustare, manipulare sau manipulare a diverșilor parametri.

Acest scor îl plasează pe ShortPixel pe locul 3, dar numai cu cea mai mică marjă.

Avantaje

  • Setați și uitați optimizarea imaginii
  • Reducere excelentă a dimensiunii fișierului de imagine
  • Fără manipulare a setărilor complicate
  • Cont gratuit disponibil (100 de imagini pe lună)

DEZAVANTAJE

  • Au nevoie de un tablou de bord de raportare în plugin
  • Mai multe plugin-uri disponibile sunt confuze

Rezumatul ShortPixel:

  • Instalare: instalați și activați din WordPress
  • Ultima actualizare a pluginului: acolo 16 oră
  • Testați compresia imaginii: 94,36%
  • Suport WebP? da

EWWW Optimizer 

Plugin de optimizare a imaginii Ewww

Cu 700 de instalări active și o evaluare de 000 stele, EWWW pare o alegere bună ca plugin de compresie a imaginii.

La urma urmei, dacă câteva sute de mii de proprietari de site-uri sunt mulțumiți de asta, atunci trebuie să facă ceva corect.

interfaţă

EWWW Image Optimizer are un tablou de bord foarte vizual, care afișează nivelul de compresie a imaginii la care vă puteți aștepta, precum și cât spațiu de fișier ați salvat până acum.

Poate ați observat că nivelul său de compresie este setat la 20%, ceea ce încă nu arată prea rău.

Până când veți observa în meniul „De bază” că nu puteți schimba de fapt nivelurile de optimizare pentru orice tip de imagine:

Meniul de bază pentru optimizarea imaginii Ewww

Trebuie să achiziționați o cheie API pentru a accesa „Pixel Perfect Plus” sau instrumentele de compresie mai bune.

Vom discuta acest eșec mai detaliat în secțiunea următoare.

Restul interfeței este accesat printr-un meniu cu file, dar credem că noii utilizatori s-ar putea simți cu adevărat copleșiți când văd zecile de opțiuni diferite care pot fi activate sau dezactivate.

Compresia imaginii

La fel ca Smush, EWWW Image Optimizer comprimă automat toate imaginile noi încărcate în biblioteca dvs. media WP.

Din păcate, singura modalitate de a face acest lucru este să editați manual fișierul wp_config.php sau ceea ce ei numesc „ opțiuni de înlocuire ".

Această supraveghere face ca pluginul să fie inaccesibil instantaneu unui număr foarte mare de persoane.

Am testat pluginul folosind setarea implicită de optimizare și am obținut acest rezultat:

Rezultatele optimizării imaginii Ewww

Această reducere cu 9% a dimensiunii fișierului (58,8 KB) a redus dimensiunea imaginii noastre de testare de la 555 KB la 496,2 KB. Aceasta este o performanță puțin mai bună decât Smush, dar cu mult în urma tuturor celorlalte plugin-uri ale acestei sinteze.

Singura modalitate de a îmbunătăți acest rezultat este să achiziționați un API care taxează 0,0003 USD per imagine. Sau puteți plăti 9 USD pe lună pentru CDN-ul lor de imagine ExactDN.

Poate părea o mișcare inteligentă de marketing, dar face ca pluginul lor gratuit să fie inutil.

Este doar un instrument de generare de clienți potențiali îmbrăcat ca un plugin de optimizare a imaginii.

Avantaje

  • EWWW Image Optimizer este gratuit

DEZAVANTAJE

  • Interfața este un adevărat dezastru
  • Compresia imaginii este foarte slabă
  • Versiunea gratuită a pluginului este extrem de limitată în funcționalitate

Rezumatul EWWW

  • Instalare: instalați și activați din WordPress
  • Ultima actualizare a pluginului: Acum 2 săptămâni
  • Comprimarea imaginii: 9%
  • Suport WebP? da

Optimole

Optimole

Optimole  este un produs cu multe asemănări cu Imagify și ShortPixel prin faptul că oferă optimizare și compresie a imaginii bazate pe cloud.

Sau, în propriile lor cuvinte, „... o procesare a imaginii în timp real și un CDN de imagine pentru WordPress”.

Și, ca majoritatea altor instrumente de optimizare a imaginilor bazate pe cloud, trebuie să creați un cont gratuit pentru a utiliza acest plugin. Contul tău Optimole nu este „gratuit pentru totdeauna”: i se impune o limită de imagine de 1 GB.

interfaţă

Ne-a plăcut interfața Optimole – au reușit să o mențină înșelător de simplă, păstrând în același timp toate setările de care aveți nevoie la îndemână.

Aveți de ales între „Tabloul de bord” și „Setări”:

În Setări, aveți două opțiuni principale:

  1. Activați înlocuirea imaginii
  2. Scala imaginile și încărcare leneșă
Setări generale Optimole

Și în meniul „Avansat”, puteți alege dintre:

  • Nivel de compresie – scăzut, mediu sau ridicat
  • Redimensionarea imaginii – redimensionați imaginile mari pentru a se potrivi
  • Încărcare leneșă (activați substituentul generic)
  • Excluderi – fișiere pe care nu doriți să le optimizați
  • filigran – adăugați un filigran la imagini pentru a descuraja lipitorii/furturile

Ar fi fost considerată cea mai intuitivă interfață a grupului dacă nu ar fi fost o eroare flagrantă.

Accesarea pluginului înseamnă a merge la Plugins -> Installed Plugins, apoi derulați în jos pentru a face clic pe „Setări” al pluginului.

Sperăm că vor rezolva această problemă într-o actualizare viitoare cu un fel de bară de administrare sau sistem de meniu contextual.

Compresia imaginii

Deci interfața este grozavă, dar cât de bine reușește să reducă dimensiunea fișierului imagine?

Ei bine, aici lucrurile s-au prăbușit puțin. Nu se integrează cu biblioteca media, așa că nu am putut vedea nicio micșorare a fișierelor de imagine acolo. După câteva manipulări și reîmprospătări, ne-am întors la tabloul de bord și am găsit rezultatul acolo:

Rezultatele optimizării imaginii Optimole

Imaginea noastră de test este acum de 21,8 ori mai mică decât înainte, ceea ce arată minunat. Dar mai aveam nici o idee ce însemna asta în kiloocteți/megaocteți. Așa că am verificat tabloul de bord web al contului nostru Optimole ca ultimă soluție:

Cele mai recente imagini optimizate cu Optimole

26KB este un rezultat uimitor, dar sunt prea multe cercuri prin care să treceți pentru a obține aceste informații. Optimole își face treaba foarte bine, dar trebuie să lucreze la UX.

De asemenea, trebuie să vă luați în considerare costurile după ce ați folosit 1 GB gratuit de imagini pe lună (5 GB lățime de bandă de vizualizare).

Avantaje

  • Capacitate impresionantă de reducere a imaginii
  • Caracteristica filigran este destul de cool
  • Interfață simplificată și intuitivă
  • 5 GB de lățime de bandă gratuită a imaginii pe lună

DEZAVANTAJE

  • De fapt, accesarea pluginului este o corvoadă
  • Rapoartele sunt cel puțin complicate

Rezumatul Optimole

  • Ușurință de instalare: trebuie să vă înregistrați pentru a accesa cheia API
  • Ultima actualizare a pluginului: acolo 1 zile
  • Comprimarea imaginii: 95%
  • Suport WebP? da

Rezultate compresie imagini

Toate rezultatele de mai jos se bazează pe această imagine de testare:

Care este cel mai bun optimizator de imagine WordPress
  • Dimensiunea imaginii originale: 555 KB
  • Format imagine: JPEG
  • Dimensiuni imagine: 1px x 000px
PluginDimensiune comprimatăProcent de reducere
Imagify25,8 KB95%
Smush554,8 KB3%
ShortPixel 31,2 KB94%
EWWW 496,2 KB9%
Optimole26 KB95%

Pluginul cu cel mai bun rezultat de optimizare a imaginii este Imagine.io , cu Optimole ocupând locul 2 și ShortPixel venind foarte, foarte aproape pe locul 3.

Ceea ce a fost cel mai interesant în testele noastre a fost performanța slabă a lui Smush și EWWW, dar cifrele nu mint.

Nu are rost să folosești pluginuri care literalmente nu fac ceea ce spun ei.

Concluzie

Și asta ne duce la sfârșitul comparației noastre cu optimizatorul de imagine WordPress, Imagify devenind în mod clar câștigătorul.

Am fost cu adevărat surprinși de performanță de Imagine și Optimole în testele noastre.

Totuși, acest lucru sa bazat pe faptul că nu știam prea multe despre niciunul dintre pluginuri și nu pe vreo percepție negativă din partea noastră.

ShortPixel este instrumentul nostru preferat, pur și simplu pentru că este aproape automatizat: îl lăsăm să-și facă treaba.

După cum probabil știți, ne place să sistematizăm aproape tot ceea ce facem. Dar acestea fiind spuse, am putea face mai multe teste cu Imagify pe site-urile live pentru a vedea cum merge.

Spuneți-ne ce părere ați despre această rezumat cu un comentariu și nu uitați să împărtășiți acest articol dacă vi s-a părut util.

Haide, știi că vrei!