Optimalizace WordPress obrázků: 6 nejoblíbenějších pluginů pro kompresi obrázků

8 min.
5 wordpress plugins to optimize images

Optimalizace grafiky a obrázků pro WordPress stránky je jednoduchým a důležitým krokem ke zlepšení doby načítání. Ještě překvapivější je, kolik WordPress uživatelů a uživatelek nahrává své původní obrázky bez optimalizace. Abyste neudělali stejnou chybu, ukážu vám dnes šest oblíbených WordPress pluginů, které kompresi obrázků převezmou za vás.

Jako majitelé a majitelky webových stránek byste měli vždy sledovat dobu načítání svých webových stránek. Rychlejší načítání má přece jenom pozitivní vliv na uživatelskou zkušenost (UX) vašich potenciálních zákazníků a zákaznic, na vaše umístění ve vyhledávačích a v ideálním případě i na konverze.

Proč je optimalizace obrázků ve WordPress tak důležitá

Použití pluginů pro ukládání do mezipaměti (nebo mezipamět na straně serveru), komprese dat pomocí gzip nebo Brotli, odstranění zbytečných pluginů, přechod na HTTPS a přechod na rychlejšího poskytovatele hostingových služeb jsou oblíbené kroky ke zlepšení doby načítání vašich WordPress stránek. Zejména u WooCommerce e-shopů, které potřebují hodně obrázků produktů, se často nejprve vylepšuje jinde, aby se zlepšila doba načítání.

Důležitým opatřením, které se při optimalizaci doby načítání často zanedbává, je optimalizace obrázků. Mnoho lidí neví, že jakmile nahrajete obrázek do knihovny médií, vytvoří WordPress automaticky tři další formáty: Velký (post image), střední a malý formát (miniatura).

Optimalizace WordPress obrázků: 6 nejoblíbenějších pluginů pro kompresi obrázků

Takže pokud si myslíte, že jste nahráli jen jeden obrázek, existují ve skutečnosti čtyři nové soubory, včetně meta informací, které server potřebuje zpracovat. Existují dokonce šablony, které automaticky generují 10 nebo více velikostí obrázků.

Pokud přidáte tyto různé formáty k počtu všech obrázků, které používáte, je jasné: Optimalizovat obrázky pro WordPress se rozhodně vyplatí!

Ukládání menších obrázků je pouze prvním krokem

Prvním optimalizačním opatřením je zmenšení velikosti původních obrázků pomocí programu Photoshop nebo srovnatelného programu, než obrázek nahrajete. Abyste však dosáhli co nejlepší doby načítání, měli byste komprimovat všechny obrázky na svých webových stránkách - včetně souborů obrázků automaticky generovaných WordPressem.

Rozdíl mezi "lossy" a "lossless"

Při kompresi obrazů je rozdíl mezi kompresí se ztrátou (lossy) a bez ztráty (lossless), což je v zásadě vysvětleno již samotnými názvy:

U lossless komprese je rozdíl v kvalitě mezi obrázkem před a po kompresi prakticky k nepoznání. Často se odstraní z obrazového souboru hlavně nepotřebné metainformace, aby bylo možné zbavit se nepotřebných kilobajtů. U lossy komprese se může zhoršit kvalita obrazu snížením barev a rozlišení. Lossy kompresí lze ale výrazně změnšit velikost souboru.

5 WordPress pluginů pro optimalizaci obrázků

Zmenšením velikosti původních obrázků před jejich nahráním na webové stránky děláte již mnohem více než ostatní. Pro zpětnou optimalizaci stávající knihovny médií a automatickou kompresi nových obrázků jsou však nejlepším řešením pluginy. Proto bych vám dnes rád ukázal pět oblíbených WordPress pluginů, které vám pomohou vaše obrázky optimalizovat. 

#1: Optimalizace WordPress obrázků pomocí Smush

Optimalizace WordPress obrázků: 6 nejoblíbenějších pluginů pro kompresi obrázků

Aktivní instalace: Více než 1 milion
Hodnocení: 4,8 hvězdiček (5 500 recenzí)
Podporované formáty: JPG, PNG, GIF (Pro: převod na WebP)
Zdarma: Velikost obrázku max. 5 MB, hromadná komprese max. 50 obrázků
Komprese: lossless (Free) a lossy (Pro)

Jak dokazuje více než milion instalací a více než 5 500 recenzí, je Smush od WPMU DEV jedním z nejoblíbenějších WordPress pluginů pro optimalizaci obrázků. Smush je k dispozici v bezplatné verzi a placené pro verzi. Existuje již i možnost, používat Smush Pro jako samostatný nástroj (bez členství v WPMU DEV) za 60 dolarů ročně.

Co nabízí bezplatná Smush verze?

Stejně jako většina pluginů má i bezplatná verze Smush určitá omezení. V bezplatné verzi můžete například komprimovat pouze obrázky o velikosti do 5 MB. Se Smush Pro není velikost obrázku omezena a samozřejmě máte k dispozici další Pro funkce, jako je neomezená hromadná optimalizace, CDN, lazy loading nebo WebP podpora. Podle WPMU DEV je navíc optimalizace obrázků ve verzi Pro až o 200 procent rychlejší.

Kromě toho můžete v bezplatné verzi komprimovat pouze bezeztrátově. Nejvyšší úroveň komprese "Super Smush", která používá lossy algoritmus, je k dispozici pouze v pro verzi.

#2: Optimalizace obrázků pomocí EWWW Image Optimizer

Optimalizace WordPress obrázků: 6 nejoblíbenějších pluginů pro kompresi obrázků

Aktivní instalace: Více než 800 000
Hodnocení: 4,7 hvězdiček (1000 recenzí)
Podporované formáty: JPG, PNG, GIF, PDF, WebP
Zdarma: Pouze na vlastním serveru (bez API)
Komprese: možnost lossless (Free) a lossy (Pro)

Co nabízí bezplatná verze EWWW IO?

Na rozdíl od ostatních pluginů v tomto seznamu probíhá komprese obrázků v bezplatné verzi od EWWW Image Optimizer na vašich serverech. Díky tomu je EWWW IO pro mnoho uživatelů a uživatelek z hlediska ochrany osobních údajů obzvláště atraktivní. Aby však plugin fungoval, potřebujete funkci exec(), kterou mnoho hostitelů z bezpečnostních důvodů nezdostupní. To platí mimochodem i pro RAIDBOXES.

Youtube

Načtením videa souhlasíte se zásadou ochrany osobních údajů YouTube.
Zjistěte více

Stáhnout video

PGlmcmFtZSBsb2FkaW5nPSJsYXp5IiBzcmM9Imh0dHBzOi8vd3d3LnlvdXR1YmUtbm9jb29raWUuY29tL2VtYmVkL0ExZno3XzFKcGhVIiB0aXRsZT0iWW91VHViZSB2aWRlbyBwbGF5ZXIiIGFsbG93PSJhY2NlbGVyb21ldGVyOyBhdXRvcGxheTsgY2xpcGJvYXJkLXdyaXRlOyBlbmNyeXB0ZWQtbWVkaWE7IGd5cm9zY29wZTsgcGljdHVyZS1pbi1waWN0dXJlIiBhbGxvd2Z1bGxzY3JlZW49IiIgd2lkdGg9IjU2MCIgaGVpZ2h0PSIzMTUiIGZyYW1lYm9yZGVyPSIwIj48L2lmcmFtZT4=

Vývojáři EWWW IO v tomto článku vysvětlují, co exec a plugin je. Pokud hostitel z bezpečnostních důvodů funkci exec neumožňuje (jako např. RAIDBOXES), můžete použít placené cloudové tarify pluginu.

#3: Optimalizace WordPress obrázků pomocí Imagify

Optimalizace WordPress obrázků: 6 nejoblíbenějších pluginů pro kompresi obrázků

Aktivní instalace: Více než 400 000
Hodnocení: 4,5 (955 recenzí)
Podporované formáty: JPG, PNG, PDF, Gif, WebP
Zdarma: Velikost obrázku max. 2 MB, nahrávání max. 20 MB měsíčně, převod na WebP
Komprese: lossy a lossless možné

Co nabízí bezplatná verze od Imagify?

Imagify je plugin od WP Media, která stojí za známým pluginem "WP Rocket". V bezplatné verzi ("Starter") můžete měsíčně komprimovat až 20 MB, což podle Imagify odpovídá přibližně 200 obrázkům. Placené plány jsou "Growth" za 4,99 dolarů měsíčně a limitem 500 MB (asi 5 000 obrázků) a "Infinite" za 9,99 dolarů bez limitu.

Imagify nabízí tři různé úrovně komprese:

  • Normal: Jedná se o bezztrátovou kompresi. Viditelná kvalita obrázku se proto nezmění.
  • Aggressive: Tato úroveň je ztrátová, ale pouze s malou ztrátou kvality obrázku. Podle Imagify je tato ztráta ve většině případů sotva patrná.
  • Ultra: Jedná se o nejsilnější úroveň komprese tohoto pluginu, což vede ke ztrátě kvality, ale šetří nejvíce místa.

#4: Optimalizace WordPress obrázků pomocí ShortPixel

Optimalizace WordPress obrázků: 6 nejoblíbenějších pluginů pro kompresi obrázků

Aktivní instalace: Více než 300 000
Hodnocení: 4,6 hvězdiček (597 hodnocení)
Podporované formáty: JPG, PNG, GIF, PDF, WebP
Zdarma: 100 obrázků měsíčně
Komprese: lossy, "glossy" a lossless

Co nabízí bezplatná verze ShortPixel?

S bezplatnou verzí ShortPixel lze komprimovat 100 obrázků měsíčně. Obrázky nebo soubory, které plugin nedokáže zkomprimovat o více než 5 procent, se nepočítají. Další výhodou je, že i v bezplatné verzi je možná ztrátová komprese a velikost nahraných obrázků není omezena.

Optimalizace WordPress obrázků: 6 nejoblíbenějších pluginů pro kompresi obrázků
Tři fáze komprese obrázku pomocí Shortpixel

Pro ty, kteří chtějí optimalizovat více než 100 obrázků měsíčně, nabízí Shortpixel sedm plánů s různými kvótami obrázků: Od 5 000 obrázků za 3,99 dolarů měsíčně až po 16 milionů obrázků za 1 000 dolarů měsíčně. Tři největší tarify zahrnují také CDN traffic s různými limity.

#5: Komprese obrázků pomocí Compress JPEG & PNG Images

Optimalizace WordPress obrázků: 6 nejoblíbenějších pluginů pro kompresi obrázků

Aktivní instalace: Více než 200 000
Hodnocení : 4,4 hvězdičky (139 recenzí)
Podporované formáty: JPEG, PNG, APNG (animated PNG)
Zdarma: 500 obrázků měsíčně
Komprese: lossless

Co nabízí bezplatná verze Compress JPEG & PNG Images?

Compress JPEG & PNG Images je oficiální plugin ke známým kompresním nástrojům TinyPNG a TinyJPG. S TinyPNG pluginem pro WordPress můžete měsíčně komprimovat 500 obrázků zdarma. Po vyčerpání limitu budete vyzváni k upgradu a zadání platebních údajů. Neexistuje žádné tradiční předplatné, žádné omezení velikosti souborů a platíte pouze za počet skutečně komprimovaných obrázků. Pokud se pohybujete v horní hranici limitů, může být levnější variantou model předplatného jiného poskytovatele s neomezenou optimalizací .

Optimalizace WordPress obrázků: 6 nejoblíbenějších pluginů pro kompresi obrázků
TinyPNG Pricing

#6: Optimalizace obrázků pomocí Optimus

Optimalizace WordPress obrázků: 6 nejoblíbenějších pluginů pro kompresi obrázků

Aktivní instalace: Více než 60 000
Hodnocení: 4,2 hvězdičky (68 hodnocení)
Podporované formáty: JPEG, PNG (WebP z placené verze Optimus HQ)
Zdarma: Velikost obrázku max. 100 KB
Komprese: lossless pro PNG a "slightly lossy" pro JPEG

Co nabízí bezplatná verze Optimus?

Optimus je plugin pro optimalizaci obrázků od KeyCDN. Plugin můžete používat ve třech různých tarifech: Optimus (Free), Optimus HQ (Premium) a Optimus HQ PRO (Premium). Důležitým omezením bezplatné verze je maximální velikost souboru 100 KB. U Premium tarifů je limit velikosti 10 MB. Také zabezpečené připojení k serveru přes HTTPS, podpora WebP a použití API je možné pouze z tarifu Optimus HQ. Z hlediska ochrany dat má však Optimus rozhodující výhodu - data jsou zpracovávána na serverech v Evropě a po optimalizaci obrázků okamžitě smazána.

Další krok: Optimalizace obrázků pro SEO

Zmenšení velikosti obrázků je důležitým prvkem optimalizace výkonu. Ale co optimalizace obrázků pro SEO? Ronny Schneider ve svém článku prozrazuje, jak můžete vytěžit maximum.

Závěr: Optimalizace obrázků pomocí pluginů šetří čas

A to dokonce dvojnásobně: Na jedné straně odpadá ruční optimalizace pro vás a vaše zákazníky a zákaznice, na druhé straně se díky automatické kompresi obrázků zlepšuje doba načítání vašich webových stránek. V době, kdy se s rychlostí webových stránek počítá každá milisekunda, je optimalizace obrázků opatřením, které byste měli maximálně využít.

Je obtížné dát obecnou odpověď na to, který plugin je pro vás nejlepším řešením. Nakonec záleží na tom, kolik obrázků je třeba optimalizovat dodatečně a kolik nových se přidá. Pokud do WordPress knihovny médií nahráváte jen několik obrázků měsíčně a zároveň do ní vkládáte PDF soubory, je ShortPixel dobrou volbou. Pokud nechcete při optimalizaci obrázků spoléhat na externí servery a hosting to umožňuje, je EWWW IO dobrou volbou. Pro firmy, které pravidelně vytvářejí obsah a nahrávají velké množství obrázků, se vyplatí WP Smush PRO, spolu s dalšími funkcemi od WPMU DEV.

Optimalizovat dvakrát je lepší než pouze jednou

Pokud chcete optimalizací obrázků strávit co nejméně času, jsou pravděpodobně lepší volbou placené pluginy. Díky tomu se nemusíte neustále starat o vyčerpané megabajty nebo kvóty obrázků a optimalizace probíhá automaticky v pozadí.

Pokud můžete věnovat trochu více času a chcete z komprese vytěžit maximum, měli byste dokonce "optimalizovat dvakrát". Tímto přístupem se v maximální možné míře řídíme i my u RAIDBOXES. Ještě než obrázek nahrajeme do knihovny médií, změníme jeho velikost a exportujeme jej v nejnižším možném rozlišení. Například ve Photoshopu existuje možnost ukládat obrázky speciálně pro použití na webu. Příkaz k tomu najdete pod položkou "Soubor" a "Uložit pro web". Kromě toho používáme Shortpixel v compression type "Glossy", který automaticky komprimuje každý obrázek nahraný na WordPress a odstraňuje zbytečné metainformace.

Doufám, že v seznamu je ten správný plugin pro vaše potřeby. Pokud máte další doporučení pro optimalizaci WordPress obrázků, budu rád za komentář.

Komentáře k tomuto článku

Napsat komentář

Vaše e-mailová adresa nebude zveřejněna. Povinná pole jsou označena *.