PNG formát – používajte ho

Vlastnosti formátu PNG sú lepšie, ako má GIF, napriek tomu nebol doteraz rozšírený až tak masovo, ako by sa to dalo čakať. Myslím, že na to boli dva dôvody:

1. Staré verzie prehliadačov formát PNG ešte nepoznali, a webmastri sa mu preto pre istotu vyhýbali. V súčasnosti sa používanie starých prehliadačov dostáva na nulovú hodnotu. Z toho vyplýva, že prakticky každý, kto dnes snorí po webe, už môže vidieť aj obrázky vo formáte PNG. Preto zanikol dôvod neužívať si plnými dúškami výhod, ktoré poskytuje.
2. Veľká väčšina grafických programov ešte aj v súčasnosti neumožňuje dostatočne precízne nastaviť parametre exportu grafiky do PNG. Ponúka automaticky (a len) plnofarebnú bezstratovú kompresiu. Preto sa pri povrchnom pohľade môže PNG javiť ako na internet absolútne nevhodný formát, pretože obrázky JPG aj GIF sú pri takomto „porovnaní“ vždy menšie. K tomuto problému sa ešte vrátim v závere článku.

Veľkosť

Zobral som necelých tisíc obrázkov GIF zo svojho webu. Všetky už boli optimalizované čo možno najefektívnejšie. Všetky som skonvertoval na PNG a hneď skontroloval, že sú vzájomne vizuálne bez zmien.

• Pôvodné GIF obrázky mali 5 372 261 mega.
• Rovnaké, ale PNG obrázky mali 3 852 681 mega.

S formátom PNG, nasadenom namiesto GIF, teda môžeme svojim návštevníkom ušetriť okolo 30 percent času z downloadu grafiky. To je naozaj dosť, ak zoberieme do úvahy, že je reč o obrázkoch s úplne rovnakou obrazovou kvalitou!

Obrázok vo formáte GIF, veľkosť 12 920.

Obrázok vo formáte PNG, vizuálne rovnaký (vytvorený z predošlého GIF), má veľkosť 6 005. Po slovensky povedané – polovičnú (!).

Obrázok vo formáte GIF má 12 569.

Rovnaký obrázok vo formáte PNG má 7 618.

Ukážka vo formáte GIF má veľkosť 7 838.

Rovnaký obrázok vo formáte PNG má 3 931.

Tu uvádzané ukážky som nevyberal, aby som vás ohúril číslami. Proste som zobral niekoľko náhodne vybratých už hotových GIF-ov, konvertoval do PNG a aj mňa výsledky dosť prekvapili.

Ešte ukážka obrázka, ktorý sa na GIF a indexovaný PNG nehodí:

Vľavo je GIF s veľkosťou 12 856, PNG 10 576 v strede, vpravo JPG 5589 – na fotky sa JPG samozrejme hodí a bude hodiť najlepšie.

Počet farieb

V niektorých prípadoch nám nejde o to, aby sa za každú cenu znížila veľkosť výstupného súboru, ale o to, aby obrázok bol farebne aj ostrosťou dokonalý. (Teda nie len kvalitný!) Takúto možnosť na internete vykúzlite práve iba z formátu PNG. Volá sa to TrueColor. Je to bezstratová kompresia s plným počtom farieb. Takéto obrázky sú rozmerovo citeľne väčšie, ale sú obrazovo dokonalé. Ich uplatnenie na webe je dnes kvôli veľkej veľkosti síce veľmi zriedkavé, ale je dobre o tom vedieť:

Plnofarebný PNG (má 5 983). Je relatívne veľký, ale je absolútne bez strát. JPG by sa síce dal nastaviť na takmer rovnakú kvalitu, ale vždy zostane stratovou kompresiou.

Na internetové fotky však spravidla stačí JPG.

Nastavenie

Aby ste boli s PNG kompresiou spokojní, musíte nájsť vhodný program na spracovanie obrázkov, ktorý dokáže do PNG nielen zapísať, ale aj nastaviť potrebné parametre. Častým nedorozumením totiž je, že v mnohých programoch sa export do PNG prakticky vôbec nedá ovládať. Začiatkom roku 2003 platí nasledujúca situácia:

Ak máte grafiku a skúsite si ju uložiť do PNG, dialóg „nastavenia“ exportu, ktorý vidíte na nasledujúcich obrázkoch naozaj nepostačí:

Irfan View

AcdSeee

Photoshop

(Pri exporte cez k Photoshopu prikladaný Image Ready sa dá pracovať skoro až dobre.)

Gimp – nastavenia sa žiaľ netýkajú kvality obrázka.

Corel PhotoPaint 10

XnView

Vo väčšine programov sa tak automaticky ukladá čo možno najkvalitnejší výstup, čiže výsledkom sú obrázky veľkosti koňa, hoc by nemuseli, plus kopa ďalších prednastavených parametrov, ktoré vám nemusia vyhovovať. Prirodzene, po takom pokuse to človek rýchlo vzdá a na PNG zanevrie.

PNG má aj ďalšie možnosti a vlastnosti – ako priehľadnosť, dokonca len čiastočnú, a iné zaujímavosti. To už je ale trocha odbornejšia látka. Dá sa naštudovať napríklad na domácej stránke formátu PNG – www.libpng.org/pub/png/, alebo na odborných serveroch.

Ja osobne zatiaľ priehľadné PNG obrázky nevyužívam, nie sú celkom kompatibilné. Ak treba priehľadné pozadie, žiaľ bezpečnejšie je stále siahnuť po GIF.

Ako teda ukladať grafiku do formátu PNG efektívne?

V programe Ulead Smart Saver 3.0 – o lepšom kandidátovi na túto úlohu totiž neviem. Žiaľ, zadarmo nie je.