Ajo që do të shikojmë në këtë përmbledhje janë optimizuesit më të mirë të imazhit të WordPress.

Secili prej tyre pretendon se është mjeti më i mirë për këtë qëllim. Kështu që ne i testuam ato në jetën reale për të parë se si performojnë në të vërtetë.

Rezultatet e testeve tona na befasuan vërtet. Lexoni për të zbuluar saktësisht se çfarë kemi zbuluar, veçanërisht për shtojcat "popullore".

Pse të shqetësoheni për të optimizuar imazhet?

Imazhet përfaqësojnë përafërsisht. 21% e madhësisë së një faqeje të caktuar .

Sa më shumë imazhe të përdorni në përmbajtjen tuaj, aq më shumë do të duhet që një faqe të ngarkohet. Por ju duhet të përdorni ende imazhe në faqen tuaj. Optimizimi i imazheve tuaja në Photoshop ose të ngjashme dikur ishte mënyra e vetme për të zvogëluar madhësinë e një imazhi.

Por kërkon shumë punë dhe një sasi të caktuar njohurish. Për fat të mirë, ka një gamë të tërë shtojcash për optimizimin e imazhit për WordPress për të bërë këtë punë për ju.

Këtu janë shtojcat që testuam.

Shtojcat më të mira të optimizimit të imazhit të WordPress

Imagify 

Imagjinoni faqen kryesore

Imagify është një shtojcë falas për WordPress, por do t'ju duhet të krijoni një llogari Imagify.io për të marrë API-në e nevojshme për funksionimin e shtojcës.

Imagjinoni lidhjen API

Imagify vjen nga të njëjtët njerëz që krijuan WP Rocket , kështu që kishim pritshmëri të mëdha për sa i përket veçorive dhe aftësive.

Imagjinoni ndërfaqen

Nuk do të duhet të shqetësoheni për skedat e shumta, menutë anësore ose diçka të tillë – ndërfaqja Imagify zë një faqe të vetme:

Optimizuesi më i mirë i imazhit të WordPress

Është pak frikësuese në shikim të parë, por në të vërtetë ka vetëm një pjesë të vogël të cilësimeve për të cilat duhet të shqetësoheni, të tilla si "niveli i optimizimit" dhe mundësimi i mbështetjes së imazhit. WebP.

Është pak a shumë kështu.

Një veçori vërtet interesante është se ju mund të optimizoni imazhet tuaja WordPress theme, ose thjesht shtoni një dosje të tërë imazhesh në vend të kësaj:

Optimizuesi më i mirë i imazhit të WordPress

Mjeti "Krahasimi vizual" është një prekje e këndshme: mund të shikoni paraprakisht nivelet e ndryshme të ngjeshjes së imazhit të disponueshme në shtojcën:

Optimizimi i imazhit

Ju mund të zgjidhni tre lloje të ndryshme të kompresimit të imazhit:

  • Normal - kompresim minimal
  • Agresiv - kompresim mesatar (cilësimi i parazgjedhur)
  • Ultra-ngjeshje maksimale

Ashtu si me shumicën e këtyre shtojcave, ju mund të bëni "optimizimin në masë" për imazhet ekzistuese, por ne donim të testonim se si ai trajtoi optimizimin e imazheve të reja.

Si ta bëni këtë nuk ishte shumë e qartë - kishte disa prova dhe gabime të përfshira.

Fillimisht duhet të ngarkoni imazhin, pastaj shkoni te biblioteka juaj e mediave në WordPress për të gjetur cilësimet e optimizimit:

Imagjinoni cilësimet e optimizimit në bibliotekën e mediave WP

Imazhi juaj është optimizuar sipas cilësimeve të paracaktuara të shtojcës Imagify, dhe në këtë rast ishte cilësimi "Agresiv" ai që zvogëloi madhësinë e skedarit me një e madhe 95,34% .

Në terma realë, kjo do të thotë se madhësia e skedarit ka rënë nga 555 KB në 25 KB.

Imagjinoni rezultatin agresiv të optimizimit të cilësimeve

Ju mund të zgjidhni të optimizoni deri në "Ultra" ose deri në "Normal" nga ky ekran, si dhe të rivendosni skedarin e imazhit në gjendjen e tij origjinale.

Ju madje mund të krahasoni cilësinë e skedarit origjinal me versionin e sapo optimizuar përpara se ta publikoni:

Imagify krahason origjinalin dhe atë të optimizuar

AVANTAGES

  • Kompresim shumë mbresëlënës i imazhit
  • Plani i tyre falas mbulon 25 MB gjerësi brezi imazhi në muaj
  • Ndërfaqja minimale është shumë e lehtë për t'u përdorur

DISAVANTAZHET

  • Një skedë e veçantë për cilësimet e "Administratorit" do të ishte mirë, por ne po e zgjidhim këtu

Përmbledhje e Imagify:

  • Lehtësia e instalimit: ju duhet të regjistroheni për të hyrë në çelësin API
  • Përditësimi i fundit :  2 javë më parë
  • Mbështetje për imazhin e WebP: Oui
  • Testoni kompresimin e imazhit:  95,34%

Smush 

Kompresimi dhe optimizimi i imazhit Smush

Smush (dikur WP Smush) është një nga shtojcat më të njohura të kompresimit të imazhit.

Në fakt, nëse do të pyesni shumicën e pronarëve të faqeve të internetit se çfarë përdorin për kompresimin e imazhit, ata ndoshta do të thonë "Smush". Kjo shpjegon edhe pse shtojca ka 1 instalime aktive.

Por le të shohim nëse ai e meriton reputacionin e tij?

Ndërfaqja Smush

Paneli është shumë i qartë dhe ju tregon se sa imazhe keni mbishkruar dhe sa imazhe duhet të mbishkruhen aktualisht:

Pjesa tjetër e funksioneve të Smush janë të aksesueshme nga një menu në anën e majtë të ekranit:

  • Bulk Smush - kompresoni të gjitha imazhet tuaja menjëherë
  • Drejtoria Smush – kompreson të gjitha imazhet në një direktori të caktuar
  • integrimet – Gutenberg, Amazon S3 NextGen Gallery dhe WP Bakery Faqja Builder
  • Load Lazy – shtyni ngarkimin e imazheve poshtë palosjes
  • CDN – Aktivizo CDN e Zhvilluesit WPMU për Smush
  • Mjete – Zbuloni dhe shfaqni imazhe me madhësi të gabuar
  • Parameters – Aksesueshmëria, përkthimet, gjurmimi i përdorimit, të dhënat e aplikacionit dhe statusi i API-së

Për të qenë të drejtë, të vetmet cilësime që ndoshta do t'ju duhet të shikoni janë 'Bulk Smush' dhe 'Lazy Load'.

Optimizimi i imazhit

Smush ngjesh automatikisht imazhet e reja si parazgjedhje, kështu që na u desh ta çaktivizonim atë për të parë në të vërtetë se çfarë po bënte Smush.

Kompresimi i Automatizimit Smush

Dhe kjo është arsyeja pse e shihni se është cilësimi i paracaktuar…sepse nuk ka cilësime të tjera të kompresimit të imazhit për të luajtur:

Imazhi në bibliotekën e mediave pa kompresim Smush

Smush, apo jo Smush… kjo është pyetja!

Dhe kur bëni Smush, rezultatet nuk janë saktësisht të mahnitshme:

Smush Rezultatet e Optimizimit të Imazhit

Smush na dha një 3,7% ulje në madhësi për imazhin tonë të testit.

Në një përpjekje për të qenë vërtet të drejtë, ne testuam një imazh tjetër më të madh për të parë nëse ishte aq i mirë sa gjërat ishin:

Këtë herë kemi një reduktim 86,1% në madhësinë e imazhit. Smush bëri një punë shumë më të mirë duke kompresuar një skedar 1,5 MB sesa një skedar 555 KB. Dhe pasi krahasuam imazhet, zbuluam pse: imazhi më i madh kishte më pak ngjyra dhe ishte më pak kompleks.

Që do të thotë se algoritmi i kompresimit Smush është sa më themelor që të jetë e mundur.

AVANTAGES

  • Paneli Smush jep një paraqitje të qartë vizuale të tuajën të dhëna statistikore dhe detyrat
  • Është një shtojcë 100% falas

DISAVANTAZHET

  • Një "përmirësim" prej 3% në madhësinë e skedarit është për të ardhur keq
  • Ju nuk mund të ndryshoni nivelet e kompresimit

Përmbledhje e Smush:

  • Lehtësia e instalimit: instaloni dhe aktivizoni nga WordPress
  • Përditësimi më i fundit i shtojcave: 1 muaj me pare
  • Testoni kompresimin e imazhit: 3,7%
  • Mbështetje WebP?  Nuk

ShortPixel 

ShortPixel është një emër që mund të mos e dini menjëherë, por ata po zhvillojnë një reputacion si një nga CDN-të më të mira të imazhit përreth.

Gjëja e parë që duhet të trajtojmë këtu është se në të vërtetë ekzistojnë dy shtojca të ndryshme ShortPixel:

  • Optimizuesi i imazhit ShortPixel (SIO)
  • Imazhe adaptive të shkurtra pixel (SAI)

Pra, cili është ndryshimi midis tyre?

ShortPixel Image Optimizer është një zgjedhje më e mirë për sajtet shpërndarjen e të dhënave për një audiencë lokale , dhe ShortPixel Adaptive Images janë më të përshtatshmet për faqet që i shërbejnë audiencës ndërkombëtare.

Kjo është arsyeja pse ne testuam vetëm shtojcën "Imazhe përshtatëse".

Instalimi i shtojcës është i thjeshtë, por do t'ju duhet të kërkoni një API që gjithçka të funksionojë siç duhet.

Ndërfaqja ShortPixel

Ata kanë shkuar për një qasje minimaliste në ndërfaqen e tyre, e cila është një frymë e freskët në krahasim me disa shtojca të tjera:

Parametrat e ShortPixel Ai

Në skedën "Të përgjithshme", mund të zgjidhni nga tre nivele të kompresimit:

  1. Me humbje – Kompresim më i lartë, cilësi më e ulët e imazhit
  2. Brilante - pothuajse identike me imazhin origjinal
  3. Pa humbje : kompresim më i ulët, cilësi më e lartë e imazhit

Mbështetja e WebP-së është aktivizuar si parazgjedhje, siç është ngarkimi dembel i imazhit. E vetmja gjë që duhet të zgjidhni është lloji i kompresimit që dëshironi të përdorni.

Skeda "Advanced" përmban URL-në e API-së dhe një pjesë të vogël të cilësimeve që 99% prej jush nuk do t'ju duhen kurrë.

Përsëri, pothuajse asnjë konfigurim nuk është i përfshirë.

Kompresimi i imazhit

ShortPixel kujdeset për nevojat tuaja për kompresim të imazhit "në fluturim", kështu që është disi e vështirë të maten realisht rezultatet.

Në fakt, e vetmja mënyrë për të gjetur të dhëna statistikore kompresimi i imazhit bëhet përmes faqes së tyre të internetit.

Dhe ju duhet të shkarkoni një raport të veçantë i cili përditësohet vetëm një herë në orë:

Por rezultatet ishin mbresëlënëse… pasi i gjetëm:

Ne kemi një 94,36% ulje në madhësinë e skedarit , të marra pa asnjë rregullim, manipulim apo manipulim të parametrave të ndryshëm.

Ky rezultat e vendos ShortPixel në vendin e 3-të, por vetëm me diferencën më të vogël.

AVANTAGES

  • Vendosni dhe harroni optimizimin e imazhit
  • Reduktim i shkëlqyer i madhësisë së skedarit të imazhit
  • Asnjë manipulim i cilësimeve të komplikuara
  • Llogari falas në dispozicion (100 imazhe në muaj)

DISAVANTAZHET

  • Ata kanë nevojë për një panel raportimi në shtojcë
  • Disa shtojca të disponueshme janë konfuze

Përmbledhje e ShortPixel:

  • Instalimi: instaloni dhe aktivizoni nga WordPress
  • Përditësimi më i fundit i shtojcave: atje 16 orë
  • Testoni kompresimin e imazhit: 94,36%
  • Mbështetje WebP? Oui

EWWW Optimizer 

Shtojca Ewww për optimizimin e imazhit

Me 700 instalime aktive dhe një vlerësim 000 yje, ewww duket si një zgjedhje e mirë si një shtojcë për kompresimin e imazhit.

Në fund të fundit, nëse disa qindra mijëra pronarë të faqeve janë të kënaqur me të, atëherë ata duhet të bëjnë diçka të drejtë.

Interface

EWWW Image Optimizer ka një panel kontrolli shumë vizual, që tregon nivelin e ngjeshjes së imazhit që mund të prisni, si dhe hapësirën e skedarit që keni kursyer deri më tani.

Ju mund të keni vënë re se niveli i tij i ngjeshjes është vendosur në 20%, që ende nuk duket shumë keq.

Derisa të vini re në menynë "Basic" se nuk mund të ndryshoni nivelet e optimizimit për çdo lloj imazhi:

Menuja bazë e optimizimit të imazhit Ewww

Duhet të blini një çelës API për të hyrë në "Pixel Perfect Plus" ose mjetet më të mira të kompresimit.

Ne e diskutojmë këtë dështim në pak më shumë detaje në seksionin vijues.

Pjesa tjetër e ndërfaqes arrihet përmes një menyje me skeda, por ne mendojmë se përdoruesit e rinj mund të ndihen vërtet të tronditur kur shohin dhjetëra opsione të ndryshme që mund të aktivizohen ose çaktivizohen.

Kompresimi i imazhit

Ashtu si Smush, EWWW Image Optimizer kompreson automatikisht të gjitha imazhet e reja të ngarkuara në bibliotekën tuaj të mediave WP.

Fatkeqësisht, mënyra e vetme për ta bërë këtë është të redaktoni manualisht skedarin tuaj wp_config.php, ose atë që ata e quajnë " opsionet e zëvendësimit '.

Kjo mbikëqyrje e bën plugin-in menjëherë të paarritshëm për një numër shumë të madh njerëzish.

Ne kryem testin tonë të shtojcës duke përdorur cilësimin e tij të paracaktuar të optimizimit dhe morëm këtë rezultat:

Rezultatet e optimizimit të imazhit Ewww

Ky reduktim prej 9% në madhësinë e skedarit (58,8 KB) e zvogëloi madhësinë e imazhit tonë të testit nga 555 KB në 496,2 KB. Kjo është një performancë pak më e mirë se Smush, por shumë prapa të gjitha shtojcave të tjera të kësaj sinteze.

Mënyra e vetme për të përmirësuar këtë rezultat është të blini një API që tarifon 0,0003 dollarë për imazh. Ose mund të paguani 9 dollarë në muaj për CDN të imazhit të tyre ExactDN.

Mund të duket si një veprim i zgjuar marketingu, por në mënyrë efektive e bën të padobishme shtojcën e tyre falas.

Është thjesht një mjet për gjenerimin e plumbit i veshur si një shtesë për optimizimin e imazhit.

AVANTAGES

  • EWWW Image Optimizer është falas

DISAVANTAZHET

  • Ndërfaqja është një fatkeqësi e vërtetë
  • Kompresimi i imazhit është shumë i dobët
  • Versioni falas i shtojcës është jashtëzakonisht i kufizuar në funksionalitet

Përmbledhje e EWWW

  • Instalimi: instaloni dhe aktivizoni nga WordPress
  • Përditësimi më i fundit i shtojcave: 2 javë më parë
  • Kompresimi i imazhit: 9%
  • Mbështetje WebP? Oui

Optimole

Optimole

Optimole  është një produkt me shumë ngjashmëri me Imagify dhe ShortPixel në atë që ofron optimizim dhe kompresim të imazhit të bazuar në cloud.

Ose, me fjalët e tyre, "...një përpunim imazhi në kohë reale dhe CDN imazhi për WordPress".

Dhe si shumica e mjeteve të tjera të optimizimit të imazhit të bazuara në cloud, ju duhet të krijoni një llogari falas për të përdorur këtë shtojcë. Llogaria juaj Optimole nuk është "falas përgjithmonë": mbi të vendoset një kufi imazhi prej 1 GB.

Interface

Na pëlqeu ndërfaqja Optimole – ata arritën ta mbanin atë në mënyrë mashtruese të thjeshtë, duke mbajtur në majë të gishtave të gjitha cilësimet që ju nevojiten.

Ju keni zgjedhjen midis "Pult" dhe "Cilësimet":

Nën Cilësimet, keni dy opsione kryesore:

  1. Aktivizo zëvendësimin e imazhit
  2. Shkallëzimi i imazheve dhe ngarkimi dembel
Cilësimet e përgjithshme të Optimole

Dhe nën menunë "Advanced", ju mund të zgjidhni nga:

  • Niveli i kompresimit - e ulët, e mesme ose e lartë
  • Ndryshimi i imazhit – ndryshoni madhësinë e imazheve të mëdha që të përshtaten
  • Ngarkimi dembel (aktivizo mbajtësin e vendit të përgjithshëm)
  • Përjashtimet – skedarët që nuk dëshironi të optimizohen
  • Filigranë – shtoni një filigran në imazhet tuaja për të parandaluar shushunjet/vjedhjet

Do të konsiderohej ndërfaqja më intuitive e grupit nëse jo për një gabim të dukshëm.

Hyrja në shtojcë do të thotë të shkosh te Plugins -> Installed Plugins, më pas të lëvizësh poshtë për të klikuar te "Cilësimet" e plugin-it.

Shpresojmë që ata ta rregullojnë këtë problem në një përditësim të ardhshëm me një lloj shiriti administratori ose sistemi të menusë së kontekstit.

Kompresimi i imazhit

Pra, ndërfaqja është e mrekullueshme, por sa mirë arrin të zvogëlojë madhësinë e skedarit të imazhit?

Epo, këtu gjërat u prishën pak. Nuk integrohet me bibliotekën e mediave, kështu që nuk mund të shihnim ndonjë tkurrje të skedarëve të imazhit atje. Pas disa manipulimeve dhe rifreskimeve, ne u kthyem në panel dhe gjetëm rezultatin atje:

Rezultatet e optimizimit të imazhit Optimole

Imazhi ynë i testit tani është 21,8 herë më i vogël se më parë, gjë që duket e mrekullueshme. Por ne ende kishim asnjë ide çfarë do të thotë kjo në kilobajt/megabajt. Kështu që ne kontrolluam pultin e uebit të llogarisë sonë Optimole si mjetin e fundit:

Imazhet më të fundit të optimizuara me Optimole

26 KB është një rezultat i mrekullueshëm, por ka shumë rrathë për të kaluar për të marrë atë informacion. Optimole e bën punën e tij shumë mirë, por ata duhet të punojnë në UX-në e tyre.

Ju gjithashtu duhet të merrni parasysh kostot tuaja pasi të keni përdorur 1 GB imazhe falas në muaj (5 GB gjerësi brezi shikimi).

AVANTAGES

  • Aftësi mbresëlënëse për reduktimin e imazhit
  • Tipari i filigranit është mjaft i lezetshëm
  • Ndërfaqe e thjeshtuar dhe intuitive
  • 5 GB bandwidth imazhi falas në muaj

DISAVANTAZHET

  • Në fakt, qasja në shtojcë është një punë e përditshme
  • Raportet janë të komplikuara për të thënë të paktën

Përmbledhje e Optimole

  • Lehtësia e instalimit: ju duhet të regjistroheni për të hyrë në çelësin API
  • Përditësimi më i fundit i shtojcave: 1 ditë më parë
  • Kompresimi i imazhit: 95%
  • Mbështetje WebP? Oui

Rezultatet e kompresimit të imazhit

Të gjitha rezultatet më poshtë bazohen në këtë imazh të testit:

Cili është Optimizuesi më i Mirë i Imazheve të WordPress
  • Madhësia origjinale e imazhit: 555 KB
  • Formati i figurës: JPEG
  • Përmasat e imazhit: 1px x 000px
pluginMadhësia e ngjeshurPërqindja e reduktimit
Imagify25,8 Ko95%
Smush554,8 Ko3%
ShortPixel 31,2 Ko94%
ewww 496,2 Ko9%
Optimole26 Ko95%

Shtojca me rezultatin më të mirë të optimizimit të imazhit është Imagjino.io , me Optimole që zë vendin e dytë dhe ShortPixel që vjen shumë, shumë afër në vendin e 2-të.

Ajo që ishte më interesante në testet tona ishte performanca e dobët e Smush dhe EWWW, por shifrat nuk gënjejnë.

Nuk ka kuptim të përdorni shtojca që fjalë për fjalë nuk bëjnë atë që thonë.

Përfundim

Dhe kjo na çon në fund të krahasimit tonë të optimizuesit të imazhit të WordPress, me Imagify duke u bërë qartë fituesi.

Ne u befasuam sinqerisht nga performanca nga Imagify dhe Optimole në testet tona.

Megjithatë, kjo bazohej në faktin se ne nuk dinim shumë për asnjërën nga shtojcat, dhe jo në ndonjë perceptim negativ nga ana jonë.

ShortPixel është mjeti ynë i zgjedhur, thjesht sepse është pothuajse i automatizuar: thjesht e lëmë të bëjë gjënë e vet.

Siç e dini ndoshta, ne na pëlqen të sistemojmë pothuajse gjithçka që bëjmë. Por duke u thënë kështu, ne mund të bëjmë më shumë testime me Imagify në faqet e drejtpërdrejta për të parë se si shkon.

Na tregoni se çfarë mendonit për këtë përmbledhje me një koment dhe mos harroni ta ndani këtë artikull nëse e keni parë të dobishëm.

Vazhdo, ti e di që e dëshiron!