Komprese obrázků online funguje na principu, kterého si běžný návštěvník webu vůbec nevšimne, protože lidské oko nevnímá barvu a jas stejně citlivě. Právě tenhle rozdíl v citlivosti stojí za tím, že soubor po zmenšení váží zlomek původní velikosti, aniž by fotka na obrazovce vypadala jinak. Jak taková komprese v praxi probíhá, popisuje více informací zde. Tento dřívější text o online optimalizátoru obrázků představil nástroj, který zvládá JPG, PNG i GIF na jednom místě, tenhle článek se zaměřuje na to, proč komprese obrázku vlastně funguje a kolik dat dokáže reálně ušetřit.
Jak funguje bezztrátová komprese
Bezztrátová komprese funguje jako přeuspořádání dat beze ztráty jediné informace, podobně jako když se v souboru najdou dlouhé řady stejných hodnot a zapíšou se místo opakování jen jednou s údajem, kolikrát se mají zopakovat. Řada třiceti čísel, ve které se stejná hodnota opakuje dvacetkrát za sebou, jde tímto způsobem zapsat na necelou polovinu původního rozsahu. Výsledný soubor je menší, ale ze zkomprimovaných dat jde originál sestavit zpátky do posledního bitu. Míra úspory přitom závisí na obsahu obrázku, plocha s mnoha stejnými či podobnými oblastmi se zmenší výrazně víc než fotografie plná jemných detailů a drobných barevných přechodů. Doporučujeme si přečíst náš článek o SEO analýza webu, která vám otevře oči na skryté příležitosti.
Proč barvu jde zmenšit víc než jas
Ztrátová komprese jde dál a cíleně odstraňuje detaily, které oko stejně nerozezná. Obraz se nejdřív převede z modelu RGB do modelu, kde je jasová složka uložená zvlášť od dvou barvonosných složek, a právě tahle druhá dvojice jde zredukovat mnohem citelněji než jas, aniž by si toho divák všiml. Rozostření aplikované jen na barevné složky zůstává pro oko prakticky neviditelné, zatímco stejné rozostření jasové složky je vidět na první pohled. Tahle nerovnováha ve vnímání platí u lidského zraku obecně, a proto se s ní podobným způsobem počítá i u komprese videa nebo přenosu televizního signálu.
Stupeň komprese jako nastavitelná hranice
Míru komprese jde nastavit v poměrně širokém rozsahu, od hodnoty blízké originálu vhodné pro tisk až po agresivní zmenšení určené pro web či e-mail. Konečná úspora navíc nezávisí jen na zvolené hranici, ale i na obsahu samotné fotografie, ostrý záběr plný jemné kresby se zmenší méně než snímek s rozostřeným pozadím nebo plochou oblohou bez výrazných detailů.
Kolik dat komprese na mobilu skutečně ušetří
Na pomalejším mobilním připojení může rychlost stahování klesnout na pouhé desítky kilobitů za vteřinu, a při takovém tempu hraje datová velikost každého jednotlivého obrázku znatelnou roli v tom, jak rychle se stránka vůbec zobrazí. Google navíc při procházení webu počítá s limitem kolem 10 megabajtů na stránku, úspornější stránka se vyplatí hlavně lidem s omezeným datovým limitem nebo platbou za přenesená data. Pomalé připojení navíc trpí i takzvaným pomalým startem přenosu, kdy se plná rychlost linky naplno využije až po prvních přenesených datech, takže právě první a nejmenší obrázky na stránce mají na celkový pocit rychlosti největší vliv. Komprimovaná sada obrázků na stránce tak snižuje nejen dobu načítání, ale i reálné náklady návštěvníka, který si internet platí podle spotřeby.
Co online komprese obrázků řeší za vás
Nástroj u nahraného souboru rovnou ukáže náhled výsledku vedle originálu, takže se dá u posuvníku kvality sledovat, od jaké hranice se rozdíl stává viditelným. U dávky víc fotografií najednou jde tímto způsobem projít celou sadu a u každé zvlášť potvrdit, že zvolená míra komprese sedí i pro konkrétní obsah snímku, protože ostrý detailní záběr snese míň než rozostřené pozadí. Zpracování JPG, PNG i GIF na jednom místě navíc ušetří přepínání mezi nástroji podle formátu, který se zrovna komprimuje. U produktového katalogu s desítkami fotografií nebo u sady ilustrací k blogovým článkům se tak dá projít celá dávka za jedno posezení, místo aby se každý soubor upravoval zvlášť v samostatném kroku.
Co se děje s nahranými soubory
Online nástroje tohoto typu obvykle zpracují soubor a po určité době, často po hodině od nahrání, data automaticky odstraní ze serveru. Původní fotografie zůstává nedotčená v zařízení uživatele, takže je možné kdykoliv zkusit jinou míru komprese a porovnat výsledek s předchozí verzí.
Nejčastější chyby v praxi
V praxi se u komprese obrázků na webu opakuje několik podobných problémů:
- Ponechání souboru bez komprese jen proto, že rozdíl v kvalitě nešel na první pohled odhadnout.
- Použití stejné míry komprese pro ostrý detailní záběr i pro rozostřené pozadí, přestože oba typy obsahu snesou úplně jinou hranici.
- Spoléhání na odhad místo skutečného porovnání náhledu před stažením a po něm.
- Přehlédnutí dopadu velikosti souborů na návštěvníky s omezeným mobilním datovým limitem.
Co si z tohoto postupu odnést
Komprese obrázku funguje hlavně proto, že lidské oko nevnímá barvu tak citlivě jako jas, a tenhle rozdíl umožňuje zmenšit soubor bez viditelné ztráty kvality. Míra komprese by se přitom měla řídit obsahem konkrétní fotografie, ne jedním univerzálním nastavením pro celý web.
Sledujete si u obrázků na webu, od jaké míry komprese se rozdíl stává viditelný, nebo většinou spoléháte na výchozí nastavení nástroje bez dalšího ověřování?
