Udržujte krok s dobou a vyzkoušejte špičkové nástroje pro optimalizaci obrázků. Zlepšíte tak uživatelský zážitek i pozice vašich stránek ve výsledcích vyhledávání.
Velké množství dostupných nástrojů pro kompresi obrázků jasně ukazuje, že optimalizace vizuálního obsahu je klíčová a rozhodně by se neměla podceňovat.
Data za posledních pět let z milionů nejnavštěvovanějších webů, dle HTTP Archive, vykazují následující průměrné hodnoty:
| Desktop | Mobile | |
| Celková velikost stránky | 2098,6 KB | 1944,5 KB |
| Velikost obrázků | 847,9 KB | 758 KB |
| % Podíl obrázků | 40,04 % | 38,98 % |
A pokud se zaměříme pouze na WordPress, který pohání přes 40 % všech webových stránek, obrázky tvoří více než 45 % celkového objemu dat.
Stručně řečeno, optimalizací obrázků můžete výrazně zlepšit rychlost načítání stránek a celkové SEO vašeho webu.
Naopak, webové stránky s velkým množstvím médií, jejichž načítání trvá několik sekund, mohou odradit mnoho návštěvníků, kteří pak zamíří ke konkurenci.
Zajímá vás, jak velký dopad mají obrázky na výkon vašeho webu? Vyzkoušejte bezplatný audit webu na etechblog.cz, který využívá technologii Google Lighthouse.
Optimalizace obrázků je důležitá pro všechny webové stránky, ale je naprosto nezbytná pro firmy, které se zaměřují na vizuální obsah, jako jsou e-shopy.
V tomto článku si představíme jak samostatné nástroje, tak i cloudové platformy třetích stran určené pro kompresi obrázků.
A aby to bylo zajímavější, vezmeme si demo obrázek o velikosti 1091 kB a budeme ho komprimovat v reálném čase. U každého nástroje tak uvidíte okamžité výsledky, a to jak z hlediska kvality komprese, tak i dosaženého procentuálního snížení velikosti.
Pojďme na to!
TinyPNG
TinyPNG je velmi rychlý nástroj pro kompresi formátů WebP, PNG a JPEG bez znatelné ztráty kvality. Funguje tak, že selektivně snižuje počet barev v obraze.
Bezplatná verze umožňuje komprimovat až 20 obrázků s maximální velikostí souboru 5 MB. Placený plán funguje podobně, ale odstraňuje tato omezení za malý roční poplatek.
TinyPNG si také dobře poradí s průhlednými obrázky a animacemi. Navíc nabízí plugin pro Adobe Photoshop, který umožňuje kompresi přímo z vašeho oblíbeného editoru.
Kromě toho má TinyPNG i WordPress plugin, který je kompatibilní s WooCommerce, pro optimalizaci obrázků na webu.
TinyPNG také disponuje vývojářským API s možností integrace s Amazon S3 a Google Cloud Storage.
Závěrem lze říci, že TinyPNG je jednoduchý, ale zároveň pokročilý nástroj pro kompresi obrázků, který se hodí jak pro začátečníky, tak i pro pokročilé uživatele.
Výsledek testu komprese:
Compressor.io
Compressor přináší pokročilé funkce a podporu pro formáty JPEG, PNG, SVG, GIF a WEBP. Můžete si vybrat mezi ztrátovou (Lossy) a bezztrátovou (Lossless) kompresí.
Ztrátová komprese se zaměřuje na maximální zmenšení velikosti souboru bez viditelné ztráty kvality (podobně jako TinyPNG), zatímco bezztrátová komprese zachovává maximum barev s minimálním zmenšením velikosti.
Bezplatná verze Compressor umožňuje zpracování deseti souborů najednou s maximální velikostí 10 MB. Stejně tak se můžete rozhodnout pro roční plán pro neomezenou kompresi.
Profesionální plán nabízí možnost uchování metadat obrázku a nastavení výsledné kvality obrazu. Compressor.io má také rozpracovaný WordPress plugin a API pro vývojáře, které by měly být brzy dostupné.
Výsledek testu komprese:
CompressNow
CompressNow je bezplatný nástroj pro kompresi obrázků, který umožňuje zpracovat až deset obrázků najednou s limitem 9 MB.
Podporuje formáty JPG, JPEG, GIF a PNG a umožňuje předem nastavit úroveň komprese.
Nemá žádnou placenou verzi ani integraci API. Je ideální pro začátečníky, kteří potřebují jednorázově zkomprimovat obrázky.
Webová stránka každých 30 minut odstraňuje zpracované snímky, což je dobré pro ochranu osobních údajů.
Největší výhodou CompressNow je možnost zvolit si míru komprese. Můžete tak experimentovat s různými hodnotami a vybrat si tu nejvhodnější.
I když test komprese pro tento nástroj není srovnatelný s ostatními, protože je možné si vybrat míru zmenšení, použijeme maximální možnou kompresi, bez ohledu na kvalitu výstupu.
Výsledek testu komprese:
Kraken.io
Kraken nabízí hromadnou kompresi i ve své bezplatné verzi, ovšem s limitem 1 MB na jeden obrázek.
Podporuje formáty JPEG, PNG, GIF, animovaný GIF a SVG a nabízí tři režimy: Lossy, Lossless a Expert.
Lossy režim se zaměřuje na maximální kompresi, Lossless zachovává kvalitu a režim Expert umožňuje nastavit parametry komprese.
Protože nebylo uvedeno omezení počtu zpracovaných souborů, zkusili jsme nahrát přes 300 obrázků a jejich zpracování proběhlo rychle a bez problémů.
Limit 1 MB lze odstranit s placenými plány. Všechny placené verze začínají s bezplatnou kvótou 100 MB a umožňují zpracovávat soubory o velikosti až 32 MB.
Prémiové plány také nabízejí několik API klíčů, cloudové úložiště Kraken, podporu nahrávání zip souborů, pluginy pro WordPress a Magento a další funkce, díky kterým je Kraken prvotřídním nástrojem pro kompresi obrázků.
Bohužel se zdá, že kompresní algoritmy nejsou příliš optimalizované a při práci s demo obrázkem dosáhly horších výsledků.
Kraken však dosáhl optimálních výsledků u ostatních obrázků. Opět se však objevil problém s naším demo souborem.
Závěrem lze říci, že se pro Kraken můžete rozhodnout, ale musíte počítat s tím, že občas dostanete nekomprimované výstupy.
Výsledek testu komprese:
OptimiZilla
OptimiZilla je další bezplatný nástroj pro kompresi obrázků určený pro začátečníky. Umožňuje optimalizovat až 20 obrázků najednou.
Podporuje formáty JPEG, GIF a PNG bez uvedeného omezení velikosti. Na první pohled se zdá velmi jednoduchý, ale zábava začíná, když nahrajete obrázek (obrázky).
Nástroj umožňuje hromadné nahrávání a optimalizaci jednotlivých obrázků v uspořádání podobném prezentaci, po kterém následuje hromadné stažení.
I když tento nástroj nemá prémiové funkce, jako je cloudové úložiště, integrace API nebo pluginy, přesto je to nástroj, se kterým jsem osobně byl velmi spokojen a mohu ho upřímně doporučit.
Stejně jako u CompressNow, neexistuje zde standardní úroveň komprese a je možné před stažením určit výstup. Nicméně, pro test použijeme maximální kompresi.
Výsledek testu komprese:
Imagify.io
Imagify je pokročilý nástroj pro kompresi obrázků s API a pluginem pro WordPress.
Kompresní algoritmus funguje pro formáty JPG, PNG, GIF a PDF s režimy Normal, Aggressive a Ultra. Normal je bezztrátová optimalizace, zatímco další dva režimy se snaží dosáhnout vyšší komprese s minimální ztrátou kvality.
Alternativně je možné nastavit vlastní velikost výstupu v pixelech nebo procentech. Je důležité zmínit, že možnost výběru velikosti je dostupná pouze s účtem Imganify, a to i s bezplatným plánem, který nabízí kvótu 20 MB.
Placené plány nemají žádné limity. Kvůli omezením bezplatné verze se jeví placené předplatné jako ideální volba.
Výsledek testu komprese:
JPEG Compress
JPEG Compress je další bezplatný nástroj s jednoduchým rozhraním. Umožňuje zpracovat až 20 obrázků současně s celkovým limitem 10 MB.
Kromě podpory více formátů souborů JPEG Compress klade důraz na bezpečnost dat. Vše, co nahrajete, je smazáno po 5–10 minutách nečinnosti.
Výsledek testu komprese:
Imagekit.io
Stejně jako Image4.io, Imagekit je další pokročilý nástroj pro správu médií třetích stran a kompresi obrázků. Nabízí velkorysý bezplatný plán, který zahrnuje 20 GB cloudového úložiště.
Imagekit také optimalizuje obsah na základě sítě koncových uživatelů s podporou režimů šetřiče dat v prohlížeči.
Navíc si můžete vybrat vlastní výstup v závislosti na typu zařízení, ať už se jedná o desktop nebo mobil. Imagekit také umožňuje zobrazovat obrázky v moderních formátech, jako jsou WebP a AVIF, i když byly původně nahrány jako JPEG nebo PNG.
Tuto funkci je ale možné kdykoliv vypnout, a zachovat tak původní formát souboru. Navíc je k dispozici i editor obrázků pro dodatečnou úpravu výsledného obrázku.
Imagekit tak funguje jako vynikající platforma pro poskytování obrázků a videí, kterou lze snadno integrovat do jakékoli webové infrastruktury.
Výsledek testu komprese:
Závěr
Myslím, že v tomto seznamu si každý najde něco pro sebe.
Zkrátka, Imagify a Imagekit jsou nejvhodnější pro seriózní integraci webových stránek a jsou určeny pro platící uživatele. TinyPNG, Kraken a Compressor.io nabízejí hodnotu jak pro bezplatné, tak i pro platící zákazníky.
Pokud hledáte čistě bezplatnou variantu, vyzkoušejte Optimizilla, JPEG Compress a CompressNow.
PS: Tyto nástroje pro kompresi souborů můžete použít i pro zpracování jiných typů souborů, než jsou obrázky.