Formát PNG se na první pohled tváří jednotně, ve skutečnosti ale existuje ve dvou hlavních variantách, které se výrazně liší velikostí výsledného souboru. PNG-8 a PNG-24 fungují jinak už na úrovni barevné palety a právě volba správné varianty rozhodne, jestli obrázek na webu zbytečně nebude zbytečně zpomalovat jeho načítání. Znalost obou variant pomáhá i při práci s nástrojem jako je PNG optimizér online, který dokáže velikost souboru výrazně snížit.
Co je to PNG-8 formát a jak pracuje s barvami
PNG-8 ukládá obrázek pomocí barevné palety s maximálně 256 barvami. Každý pixel se neukládá jako plná barevná hodnota, ale jen jako odkaz na jednu z položek v této paletě. Díky tomu je výsledný soubor podstatně menší než u varianty s plnou barevnou hloubkou.
To se hodí pro obrázky s omezeným počtem barev, jako jsou loga, ikony či jednoduché grafiky s ostrými přechody. U fotografií nebo obrázků s plynulými barevnými přechody naopak omezená paleta vede k viditelnému zhoršení kvality, protože 256 barev nestačí na věrné zachycení všech odstínů.
Vizuálně se to projeví hlavně v místech s jemným přechodem barev, například v oblacích na obloze nebo ve stínech kolem předmětu. Tam, kde by měl přechod plynule přecházet z jednoho odstínu do druhého, se u PNG-8 objeví viditelné pruhy či skvrny, protože paleta jednoduše nemá dostatek odstínů k dispozici.
Co ke to PNG-24 a proč zabírá víc místa
PNG-24 pracuje s plnou barevnou hloubkou 24 bitů, což odpovídá až 16,7 milionu barev. Každý pixel má vlastní přesnou barevnou hodnotu. Výsledkem je obrázek s věrným podáním barev i jemnými přechody, ale zároveň mnohem větší soubor než u PNG-8. Tato varianta se používá tam, kde na kvalitě barev skutečně záleží, například u fotografií s průhledným pozadím nebo u grafiky s jemnými stíny a přechody.
PNG-24 navíc podporuje plný alfa kanál, tedy plynulou průhlednost s mnoha úrovněmi. Zatímco PNG-8 umožňuje průhlednost jen jako zapnutou či vypnutou pro každý pixel, PNG-24 zvládne i poloprůhledné okraje, což se hodí u stínů, odlesků nebo jemných přechodů do pozadí.
Jak volba mezi PNG-8 a PNG-24 ovlivní velikost souboru
Rozdíl ve velikosti mezi oběma variantami bývá výrazný. Jednoduché logo uložené jako PNG-8 může mít jen zlomek velikosti stejného obrázku uloženého jako PNG-24, protože omezená paleta dramaticky sníží množství dat potřebných k popisu barev.
U složitějších obrázků se rozdíl zmenšuje. Fotografie s množstvím barevných přechodů uložená jako PNG-8 sice zabere méně místa, ale kvalita výrazně utrpí, takže v praxi se pro takový obsah PNG-8 téměř nepoužívá. Formát PNG se navíc nadále vyvíjí a nedávno dokonce vyšla jeho nová aktualizace.
Rozdíl ve velikosti souboru se navíc liší podle nástroje, kterým se obrázek uloží. Některé grafické editory nabízejí jen hrubé přepínání mezi oběma variantami, jiné umožňují jemnější nastavení počtu barev v paletě u PNG-8 nebo úroveň komprese u PNG-24. Kvalitnější nástroj tak dokáže najít lepší poměr mezi velikostí souboru a zachovanou kvalitou, než je pouhá binární volba mezi dvěma typy.
Kdy zvolit kterou variantu
Rozhodnutí mezi PNG-8 a PNG-24 se dá odvodit přímo z obsahu obrázku. U loga se dvěma či třemi barvami a ostrými hranami je PNG-8 jasnou volbou, protože kvalita zůstane stejná a soubor je výrazně menší. Stejně tak u ikon a jednoduché grafiky bez jemných přechodů se vyšší barevná hloubka prakticky neprojeví, jen zbytečně zvětší velikost.
U fotografií či obrázků s plynulým přechodem barev, třeba s odlesky, stíny nebo poloprůhledným pozadím, se PNG-8 nevyplatí, i kdyby výsledný soubor byl menší. Omezená paleta se v takovém obsahu vždy pozná, ať už jako pruhy v přechodu, nebo jako ztráta jemných detailů. Tam patří PNG-24 s plnou barevnou hloubkou. Screenshoty stojí někde uprostřed, jednoduché rozhraní s pár barvami zvládne PNG-8 bez problémů, zatímco screenshot s fotografií či barevným grafem si spíš řekne o PNG-24.
Jak zmenšit PNG bez ručního rozhodování o variantě
Ruční posuzování, jestli se pro konkrétní obrázek hodí PNG-8 nebo PNG-24, zabere čas, zvlášť u desítek souborů na jednom webu. Praktičtější je nechat volbu na nástroji, který obrázek zanalyzuje a zvolí kompresi automaticky.
Automatická analýza navíc zohlední i to, kolik různých barev obrázek skutečně obsahuje. Logo se dvěma barvami dostane jinou kompresi než ikona s jemným přechodem, i když oba soubory vypadají na první pohled podobně jednoduše. Ruční odhad by v takovém případě snadno zvolil variantu, která zbytečně zvětší výsledný soubor, nebo naopak sníží kvalitu víc, než je nutné.
Pro rychlé zmenšení souboru bez ztráty důležitých detailů slouží online PNG optimalizátor, který funguje přímo v prohlížeči a nevyžaduje instalaci ani nahrávání dat na cizí server.
Menší soubor bez kompromisu v kvalitě
Formát PNG-8 a PNG-24 rozhoduje o tom, jestli obrázek na webu zbytečně nezabírá místo navíc. Kdo pozná, kdy stačí omezená paleta a kdy je potřeba plná barevná hloubka, dokáže výrazně zmenšit velikost souborů, aniž by web ztratil na vizuální kvalitě.
Související příspěvky
