To, na co se v tomto shrnutí podíváme, jsou nejlepší optimalizátory obrázků WordPress.

Každý z nich tvrdí, že je pro tento účel tím nejlepším nástrojem. Vyzkoušeli jsme je tedy v reálném životě, abychom zjistili, jak skutečně fungují.

Výsledky našich testů nás opravdu překvapily. Čtěte dále a zjistěte, co přesně jsme objevili, zejména o „populárních“ pluginech.

Proč se obtěžovat optimalizací obrázků?

Obrázky představují cca. 21 % velikosti dané stránky .

Čím více obrázků ve svém obsahu použijete, tím déle bude načítání stránky trvat. Na svých stránkách byste ale i tak měli používat obrázky. Optimalizace obrázků ve Photoshopu nebo podobném bývala jediným způsobem, jak zmenšit velikost obrázku.

Chce to ale hodně práce a určité znalosti. Naštěstí existuje celá řada pluginů pro optimalizaci obrázků pro WordPress, které tuto práci udělají za vás.

Zde jsou pluginy, které jsme testovali.

Nejlepší pluginy pro optimalizaci obrázků WordPress

Imagify 

Imagify homepage

Imagify je bezplatný plugin pro WordPress, ale budete si muset vytvořit účet Imagify.io, abyste získali API potřebné pro fungování pluginu.

Imagify připojení API

Imagify pochází od stejných lidí, kteří vytvořili WP Rocket , takže jsme měli velká očekávání, pokud jde o funkce a možnosti.

Rozhraní Imagify

Nebudete se muset starat o více karet, postranní nabídky nebo něco podobného – rozhraní Imagify zabírá jednu stránku:

Nejlepší WordPress Image Optimizer

Na první pohled je to trochu zastrašující, ale ve skutečnosti existuje jen hrstka nastavení, o která se musíte starat, jako je „úroveň optimalizace“ a povolení podpory obrázků. WebP.

Je to víceméně ono.

Opravdu skvělá funkce je, že můžete optimalizovat obrázky ve vašem WordPress téma, nebo místo toho přidejte celou složku obrázků:

Nejlepší WordPress Image Optimizer

Nástroj „Visual Comparison“ je příjemný dotek: můžete si prohlédnout různé úrovně komprese obrázků dostupné v pluginu:

Optimalizace obrazů

Můžete si vybrat tři různé typy komprese obrazu:

  • Normální – minimální komprese
  • Agresivní – střední komprese (výchozí nastavení)
  • Maximální ultra komprese

Stejně jako u většiny těchto pluginů můžete provádět „hromadnou optimalizaci“ pro existující obrázky, ale chtěli jsme vyzkoušet, jak si poradí s optimalizací nových obrázků.

Jak to udělat, nebylo příliš jasné – bylo to pokusy a omyly.

Nejprve musíte nahrát obrázek a poté přejít do knihovny médií ve WordPressu, kde najdete nastavení optimalizace:

Imagify nastavení optimalizace v knihovně médií WP

Váš obrázek je optimalizován podle výchozího nastavení pluginu Imagify a v tomto případě to bylo nastavení „Agresivní“, které zmenšilo velikost souboru o jednu neuvěřitelných 95,34 % .

Reálně to znamená, že velikost souboru klesla z 555 KB na 25 KB.

Představte si výsledek optimalizace agresivního nastavení

Na této obrazovce si můžete vybrat optimalizaci až na 'Ultra' nebo dolů na 'Normální' a také obnovit obrazový soubor do původního stavu.

Před publikováním můžete dokonce porovnat kvalitu původního souboru s nově optimalizovanou verzí:

Imagify porovnává původní a optimalizované

AVANTAGES

  • Velmi působivá komprese obrazu
  • Jejich bezplatný plán pokrývá 25 MB šířky pásma obrazu za měsíc
  • Minimální rozhraní se velmi snadno používá

NEVÝHODY

  • Samostatná záložka pro nastavení "Administrator" by byla fajn, ale tady hnidíme

Shrnutí Imagify:

  • Snadná instalace: pro přístup ke klíči API se musíte zaregistrovat
  • Poslední aktualizace :  tam 2 týdnů
  • Podpora obrázků WebP: ano
  • Zkušební kompresi obrazu:  95,34%

Smush 

Komprese a optimalizace obrazu Smush

Smush (dříve WP Smush) je jedním z nejpopulárnějších pluginů pro kompresi obrázků.

Ve skutečnosti, kdybyste se zeptali většiny majitelů webových stránek, co používají pro kompresi obrázků, pravděpodobně by odpověděli „Smush“. To také vysvětluje, proč má plugin 1 000 000 aktivních instalací.

Ale uvidíme, jestli si svou pověst zaslouží?

Rozhraní Smush

Ovládací panel je velmi přehledný a říká vám, kolik obrázků jste přepsali a kolik obrázků je aktuálně potřeba přepsat:

Zbytek funkcí Smush je dostupný z nabídky na levé straně obrazovky:

  • Bulk Smush – komprimujte všechny obrázky najednou
  • Adresář Smush – komprimuje všechny obrázky v daném adresáři
  • integrace – Gutenberg, Amazon S3 NextGen Gallery a WP Bakery Page Builder
  • Lazy zatížení – odložit načítání obrázků pod přehybem
  • CDN – Povolte WPMU Developer CDN pro Smush
  • nářadí – Zjistit a zobrazit obrázky nesprávné velikosti
  • Parametry – Přístupnost, překlady, sledování využití, data aplikací a stav API

Abychom byli spravedliví, jediná nastavení, na která se pravděpodobně budete muset podívat, jsou 'Bulk Smush' a 'Lazy Load'.

Optimalizace obrazů

Smush automaticky komprimuje nové obrázky ve výchozím nastavení, takže jsme museli toto nastavení vypnout, abychom skutečně viděli, co Smush dělá.

Komprese Smush Automation

A to je důvod, proč vidíte, že je to výchozí nastavení...protože neexistují žádná jiná nastavení komprese obrazu, se kterými byste si mohli hrát:

Obrázek v knihovně médií bez komprese Smush

Smush, or not Smush... to je otázka!

A když uděláte Smush, výsledky nejsou zrovna úžasné:

Výsledky optimalizace obrazu Smush

Smush nám dal a 3,7% zmenšení velikosti pro náš testovací obrázek.

Ve snaze být opravdu spravedliví jsme otestovali další větší obrázek, abychom zjistili, zda je tak dobrý, jak byly věci:

Tentokrát jsme dostali 86,1% zmenšení velikosti obrázku. Smush odvedl mnohem lepší práci při kompresi souboru o velikosti 1,5 MB než souboru o velikosti 555 kB. A po porovnání obrázků jsme zjistili proč: větší obrázek měl méně barev a byl méně složitý.

Což znamená, že kompresní algoritmus Smush je co nejzákladnější.

AVANTAGES

  • Smush Dashboard poskytuje jasnou vizuální reprezentaci vašeho statistika a úkoly
  • Je to 100% bezplatný plugin

NEVÝHODY

  • 3% „zlepšení“ velikosti souboru je žalostné
  • Úrovně komprese nelze změnit

Shrnutí Smush:

  • Snadná instalace: nainstalovat a aktivovat z WordPressu
  • Nejnovější aktualizace pluginu: tam 1 měsíců
  • Zkušební kompresi obrazu: 3,7%
  • podpora WebP?  Ne

ShortPixel 

ShortPixel je jméno, které možná hned neznáte, ale vytváří si pověst jednoho z nejlepších obrazových CDN v okolí.

První věc, kterou zde musíme vyřešit, je, že ve skutečnosti existují dva různé pluginy ShortPixel:

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

Jaký je tedy mezi nimi rozdíl?

ShortPixel Image Optimizer je pro weby lepší volbou šíření dat místnímu publiku a ShortPixel Adaptive Images se nejlépe hodí pro stránky sloužící mezinárodnímu publiku.

Proto jsme testovali pouze plugin „Adaptive Images“.

Instalace pluginu je jednoduchá, ale aby vše správně fungovalo, budete si muset vyžádat API.

Rozhraní ShortPixel

Ke svému rozhraní zvolili minimalistický přístup, což je ve srovnání s některými jinými pluginy svěží vzduch:

Parametry ShortPixel Ai

Na kartě "Obecné" si můžete vybrat ze tří úrovní komprese:

  1. Se ztrátou – vyšší komprese, nižší kvalita obrazu
  2. Brilantní – téměř totožné s původním obrázkem
  3. Bez ztráty : nižší komprese, vyšší kvalita obrazu

Podpora WebP je ve výchozím nastavení povolena, stejně jako líné načítání obrázků. Jediné, co si musíte vybrat, je typ komprese, který chcete použít.

Záložka „Advanced“ obsahuje URL API a několik nastavení, které 99 % z vás nikdy nebude potřebovat.

Opět nejde o téměř žádnou konfiguraci.

Komprese obrazu

ShortPixel se stará o vaše potřeby komprese obrazu „za běhu“, takže je poněkud obtížné skutečně měřit výsledky.

Ve skutečnosti jediný způsob, jak najít statistika o kompresi obrázků prostřednictvím jejich webových stránek.

A musíte si stáhnout samostatný přehled, který se aktualizuje pouze jednou za hodinu:

Ale výsledky byly působivé... jakmile jsme je našli:

Dostali jsme a 94,36% zmenšení velikosti souboru , získané bez jakékoli úpravy, manipulace nebo manipulace s různými parametry.

Toto skóre řadí ShortPixel na 3. místo, ale pouze s nejmenším rozdílem.

AVANTAGES

  • Nastavte a zapomeňte na optimalizaci obrazu
  • Vynikající zmenšení velikosti obrazového souboru
  • Žádná manipulace se složitými parametry
  • K dispozici bezplatný účet (100 snímků za měsíc)

NEVÝHODY

  • Potřebují řídicí panel hlášení v pluginu
  • Několik dostupných pluginů je matoucích

Shrnutí ShortPixel:

  • Instalace: nainstalovat a aktivovat z WordPressu
  • Nejnovější aktualizace pluginu: tam 16 hodin
  • Zkušební kompresi obrazu: 94,36%
  • podpora WebP? ano

Optimalizátor EWWW 

Ewww plugin pro optimalizaci obrázků

Se 700 000 aktivními instalacemi a 4,5hvězdičkovým hodnocením EWWW vypadá jako dobrá volba jako plugin pro kompresi obrázků.

Koneckonců, pokud je s tím několik stovek tisíc majitelů stránek spokojeno, pak musí něco dělat správně.

Rozhraní

EWWW Image Optimizer má velmi vizuální ovládací panel, který zobrazuje úroveň komprese obrazu, kterou můžete očekávat, a také to, kolik místa v souboru jste dosud ušetřili.

Možná jste si všimli, že jeho úroveň komprese je nastavena na 20 %, což stále nevypadá úplně špatně.

Dokud si v nabídce „Základní“ nevšimnete, že ve skutečnosti nemůžete změnit úrovně optimalizace pro žádný typ obrázku:

Ewww základní nabídka optimalizace obrazu

Pro přístup k jejich „Pixel Perfect Plus“ nebo lepším kompresním nástrojům si musíte zakoupit klíč API.

Tomuto selhání se budeme věnovat trochu podrobněji v další části.

Ke zbytku rozhraní se přistupuje prostřednictvím nabídky s kartami, ale myslíme si, že noví uživatelé se mohou cítit opravdu ohromeni, když uvidí desítky různých možností, které lze zapnout nebo vypnout.

Komprese obrazu

Stejně jako Smush, EWWW Image Optimizer automaticky komprimuje všechny nové obrázky nahrané do vaší knihovny médií WP.

Bohužel, jediný způsob, jak to udělat, je ručně upravit váš soubor wp_config.php nebo to, čemu říkají " možnosti výměny ".

Díky tomuto nedopatření je plugin okamžitě nepřístupný velkému počtu lidí.

Spustili jsme náš test pluginu s jeho výchozím nastavením optimalizace a dostali jsme tento výsledek:

Ewww Výsledky optimalizace obrazu

Toto 9% snížení velikosti souboru (58,8 KB) snížilo velikost našeho testovacího obrázku z 555 KB na 496,2 KB. To je o něco lepší výkon než Smush, ale daleko za všemi ostatními pluginy této syntézy.

Jediný způsob, jak zlepšit tento výsledek, je zakoupit API, které si účtuje 0,0003 $ za obrázek. Nebo můžete místo toho zaplatit 9 $ měsíčně za jejich ExactDN image CDN.

Mohlo by se to zdát jako chytrý marketingový tah, ale jejich bezplatný plugin je díky tomu efektivně zbytečný.

Je to jen nástroj pro generování potenciálních zákazníků oblečený jako plugin pro optimalizaci obrázků.

AVANTAGES

  • EWWW Image Optimizer je zdarma

NEVÝHODY

  • Rozhraní je skutečná katastrofa
  • Komprese obrazu je velmi špatná
  • Bezplatná verze pluginu má extrémně omezenou funkčnost

Shrnutí EWWW

  • Instalace: nainstalovat a aktivovat z WordPressu
  • Nejnovější aktualizace pluginu: tam 2 týdnů
  • Komprese obrázku: 9%
  • podpora WebP? ano

Optimole

Optimole

Optimole  je produkt s mnoha podobnostmi s Imagify a ShortPixel v tom, že nabízí cloudovou optimalizaci a kompresi obrazu.

Nebo, jejich vlastními slovy, „…zpracování obrázků a obrázků CDN v reálném čase pro WordPress“.

A stejně jako většina ostatních cloudových nástrojů pro optimalizaci obrázků, musíte si vytvořit bezplatný účet, abyste mohli používat tento plugin. Váš účet Optimole není „zdarma navždy“: je na něj uvalen limit obrázku 1 GB.

Rozhraní

Rozhraní Optimole se nám líbilo – podařilo se jim ho udržet zdánlivě jednoduché a přitom mít všechna potřebná nastavení na dosah ruky.

Máte na výběr mezi "Dashboard" a "Settings":

V části Nastavení máte dvě hlavní možnosti:

  1. Povolit náhradu obrazu
  2. Měřítko obrázků a líné načítání
Obecná nastavení Optimole

A v nabídce „Upřesnit“ si můžete vybrat z:

  • Úroveň komprese – nízká, střední nebo vysoká
  • Změna velikosti obrázku – Změňte velikost velkých obrázků tak, aby se vešly
  • Líné načítání (povolit obecný zástupný symbol)
  • vyloučení – soubory, které nechcete optimalizovat
  • vodoznak – přidejte k obrázkům vodoznak, abyste odradili pijavice/krádeže

Bylo by to považováno za nejintuitivnější rozhraní celé skupiny, nebýt jedné do očí bijící chyby.

Přístup k pluginu znamená přejít na Zásuvné moduly -> Nainstalované zásuvné moduly, poté přejděte dolů a klikněte na „Nastavení“ zásuvného modulu.

Doufáme, že tento problém vyřeší v budoucí aktualizaci pomocí nějakého druhu administračního panelu nebo systému kontextové nabídky.

Komprese obrazu

Rozhraní je tedy skvělé, ale jak dobře dokáže zmenšit velikost souboru obrázku?

No, tady se věci trochu rozpadly. Neintegruje se s knihovnou médií, takže jsme tam neviděli žádné zmenšení obrazových souborů. Po nějaké manipulaci a osvěžení jsme se vrátili na palubní desku a našli tam výsledek:

Výsledky optimalizace obrazu Optimole

Náš testovací obrázek je nyní 21,8x menší než předtím, což vypadá úžasně. Ale pořád jsme měli žádný nápad co to znamenalo v kilobajtech/megabajtech. Zkontrolovali jsme tedy webový panel našeho účtu Optimole jako poslední možnost:

Nejnovější obrázky optimalizované pomocí Optimole

26 kB je úžasný výsledek, ale je tam prostě příliš mnoho obručí, přes které je možné tuto informaci proskočit. Optimole dělá svou práci velmi dobře, ale musí zapracovat na svém UX.

Musíte také zvážit své náklady, jakmile použijete svůj bezplatný 1 GB obrázků za měsíc (5 GB šířky pásma pro prohlížení).

AVANTAGES

  • Působivá schopnost redukce obrazu
  • Funkce vodoznaku je docela skvělá
  • Zjednodušené a intuitivní rozhraní
  • 5 GB bezplatné šířky pásma obrazu za měsíc

NEVÝHODY

  • Přístup k pluginu je ve skutečnosti fuška
  • Zprávy jsou přinejmenším složité

Shrnutí Optimole

  • Snadná instalace: pro přístup ke klíči API se musíte zaregistrovat
  • Nejnovější aktualizace pluginu: Před 1
  • Komprese obrázku: 95%
  • podpora WebP? ano

Výsledky komprese obrazu

Všechny níže uvedené výsledky jsou založeny na tomto testovacím obrázku:

Jaký je nejlepší optimalizátor obrázků WordPress
  • Původní velikost obrázku: 555 KB
  • Formát obrázku: JPEG
  • Rozměry obrázku: 1 x 000 pixelů
ZapojitStlačená velikostProcento snížení
Imagify25,8 KB95%
Smush554,8 KB3%
ShortPixel 31,2 KB94%
EWWW 496,2 KB9%
Optimole26 KB95%

Plugin s nejlepším výsledkem optimalizace obrazu je Imagify.io , přičemž Optimole obsadil 2. místo a ShortPixel je velmi, velmi blízko na 3. místě.

Co bylo v našich testech nejzajímavější, byl slabý výkon Smush a EWWW, ale čísla nelžou.

Nemá smysl používat pluginy, které doslova nedělají to, co říkají.

Proč investovat do čističky vzduchu?

A tím se dostáváme na konec našeho srovnání optimalizátoru obrázků WordPress, přičemž vítězem se jednoznačně stává Imagify.

Výkonem jsme byli opravdu překvapeni od Imagify a Optimole v našich testech.

Bylo to však založeno na skutečnosti, že jsme o žádném pluginu příliš nevěděli, a ne na žádných negativních dojmech z naší strany.

ShortPixel je naším oblíbeným nástrojem jednoduše proto, že je téměř automatizovaný: prostě ho necháme dělat svou práci.

Jak asi víte, rádi systematizujeme téměř vše, co děláme. Ale jak již bylo řečeno, mohli bychom s Imagify provést více testů na živých stránkách, abychom viděli, jak si vede.

Dejte nám vědět, co si o tomto shrnutí myslíte, pomocí komentáře a nezapomeňte tento článek sdílet, pokud vám to pomohlo.

Jděte do toho, víte, že to chcete!