Číslo samo o sobě nic neřekne, dokud nezohledníte na konkrétní obrázek a jeho velikost před úpravou a po ní. Online komprese PNG souborů nicméně u běžných webových obrázků dokáže ušetřit desítky procent místa, u některých typů grafiky i výrazně víc. Na následujících číslech a příkladech si ukážeme, s jakou úsporou lze reálně počítat.
Jak velkou úsporu online komprese PNG obvykle přinese
Obecně platí, že komprese PNG zmenší soubor přibližně o polovinu až čtyři pětiny jeho původní velikosti. Konkrétní výsledek se ale liší podle obsahu obrázku, protože jednoduchá grafika s málo barvami se komprimuje jinak než detailní fotografie s plynulými přechody.
Příklad na jednoduché grafice
U malých webových prvků bývá rozdíl mezi neoptimalizovaným a optimalizovaným souborem obzvlášť výrazný. Jednoduchá ikona uložená ve formátu PNG může mít klidně kolem 80 kB, stejný motiv v jiném vektorovém formátu už ale zabere jen pár kilobajtů.
I bez změny formátu, jen díky kompresi samotného PNG, jde u podobné grafiky dosáhnout výrazného zmenšení souboru, protože obrázky s omezeným počtem barev mají v datech hodně opakujících se vzorů, které komprese dokáže efektivně zabalit.
Test na reálném produktovém obrázku
Podobný poměr úspory se potvrzuje i u testů na produktových fotografiích z e-shopu. Srovnání neoptimalizovaného obrázku s verzí zpracovanou kompresním nástrojem obvykle ukáže značnou úsporu dat, u některých souborů jde na celé stránce i o desítky megabajtů rozdílu. Podrobnější rozbor takového testu i tabulku s konkrétními hodnotami najdete třeba v tomto článku věnovaném optimalizaci obrázků pro rychlost e-shopu.
Proč komprese dokáže ušetřit tolik místa
Vysoké procento úspory nemá jednu jedinou příčinu, skládá se z několika kroků najednou. Běžný editor obrázků obvykle nepoužije nejagresivnější možné nastavení komprese, protože důkladnější zpracování trvá déle. Specializovaný online nástroj si tento čas může dovolit a najde efektivnější způsob uložení stejných dat beze ztráty kvality.
Druhým zdrojem úspory jsou skrytá metadata, tedy informace o softwaru, barevném profilu nebo dalších technických detailech, které si soubor nese s sebou, i když je návštěvník webu nikdy nevyužije. Jejich odstranění samo o sobě zmenší soubor bez jakéhokoliv vlivu na to, jak obrázek vypadá. Třetím zdrojem je redukce barevné palety u obrázků, které ve skutečnosti nevyužívají celou škálu 16 milionů barev, kterou nabízí plná barevná hloubka. Pokud analýza ukáže, že obrázek obsahuje jen pár set odstínů, přechod na indexovanou paletu srazí velikost souboru výrazně dolů.
Co ovlivňuje výslednou úsporu
Výsledná úspora závisí hlavně na tom, kolik barev obrázek obsahuje a jak plynule mezi sebou přechází. Loga a ikony s pár barvami ušetří nejvíc, klidně přes 70 procent původní velikosti, protože komprese má u nich k dispozici hodně opakujících se dat. Podobně dobře se komprimují i screenshoty s jednoduchým rozhraním, které obsahují velké jednobarevné plochy.
Fotografie s plynulými přechody a stíny naproti tomu ušetří míň, protože bezztrátová komprese PNG nemůže odstranit tolik dat jako u jednoduché grafiky. U obrázků s průhledností se úspora týká jen samotných obrazových dat, alfa kanál po kompresi zůstává beze změny.
Roli hraje i to, kolikrát byl obrázek předtím uložen a jakým nástrojem. Soubor uložený opakovaně v grafickém editoru bez ohledu na velikost výstupu často nese víc zbytečných dat než snímek uložený jednou s rovnou zvoleným vhodným nastavením. Proto u starších obrázků na webu bývá úspora po první důkladné kompresi vyšší, než by se čekalo.
Přehled dalších faktorů, které rozhodují o výsledné velikosti obrázku po optimalizaci, najdete rovněž v tomto textu o tom tom, proč každý web potřebuje dokonale optimalizované obrázky.
Co úspora znamená pro celý web
Jednotlivá procenta úspory se rychle sečtou u webu s desítkami nebo stovkami obrázků. Web s tisícem PNG souborů o průměrné velikosti 150 kB váží dohromady přibližně 150 MB. Po kompresi s úsporou 60 procent klesne stejný objem dat na zhruba 60 MB, tedy o 90 MB méně, které se musí přenášet při každé návštěvě stránky.
Rozdíl se projeví i v nákladech na hosting a v rychlosti zálohování webu. Menší datový objem znamená kratší dobu potřebnou na nahrání zálohy i menší nároky na úložný prostor, což se u webů s rozsáhlou obrazovou galerií, třeba realitních portálů nebo e-shopů s velkým katalogem, sečte do citelné úspory během celého roku.
Pro rychlé zpracování celé galerie obrázků slouží online Image optimizer, který funguje přímo v prohlížeči bez nutnosti cokoli instalovat nebo nahrávat data na cizí server.
Reálná úspora nejsou pouhá čísla na papíře
Číselné rozpětí 50 až 80 procent úspory vám dá rychlou představu, kolik místa lze u PNG souborů díky kompresi reálně ušetřit. Skutečná hodnota se pak liší podle typu obrázku, u jednoduché grafiky bývá úspora nejvyšší, u detailních fotografií o něco nižší. V obou případech ale platí, že komprese sníží objem dat, který web přenáší, aniž by návštěvník poznal rozdíl v kvalitě zobrazeného obrázku.
Kdo si projde vlastní obrazovou galerii a spočítá si podobný odhad úspory, obvykle zjistí, že se vyplatí věnovat kompresi pozornost i u obrázků, které na první pohled nevypadají problematicky. Právě součet menších úspor napříč celým webem dělá z komprese jeden z nejrychlejších způsobů, jak zmenšit celkovou velikost stránky bez zásahu do jejího vzhledu.
