Najčešće korišteni grafički formati

Format PNG

PNG (Portable Network Graphics) rasterski je grafički format uz kompresiju bez gubitaka. Napravljen je s namjerom da bude bolja alternativa GIF-u, pružajući kvalitetniju sliku, ali bez zahtjeva za patentom te licencom.

Slično kao i GIF, PNG podržava datoteke s paletom 24-bitnih RGB boja, ali i skalu sive boje, te potpune RGB ili RGBA slike. Za razliku od GIF-a, transparencija kod PNG-a izvedena je alfa-kanalom (alpha-channel), gdje se za svaki piksel može definirati prozirnost istog na skali 1-100% te time ostvariti djelomična ili potpuna prozirnost nekog obojanog piksela.

Kompresija kod PNG-a izvedena je kroz algoritam DEFLATE, koji također sadržaj komprimira bez gubitaka i osigurava postojanje sadržaja u izvornoj kvaliteti. DEFLATE generalno postiže bolje rezultate pri komprimiranju grafičkog sadržaja naspram LZW-a.

Zbog visoke palete boja, alfa-transparencije te kompresije bez gubitaka, jasno je da je PNG najkvalitetniji rasterski format. Ipak njegovu uporabu treba ograničiti nad sadržajem kompleksnim poput fotografija, gdje s potencijalno nezamjetnim gubicima možemo postići višestruko smanjenje veličine datoteke koristeći JPEG radije nego PNG.

Iako postoje slabo podržane implementacije animiranog PNG-a (MNG, APNG), službeno PNG nema podršku za animacije.

IE transparency bug

U današnje vrijeme, jedina kočnica za masovno korištenje PNG-a na webu jest bug u prikazu transparentnih PNG-ova u preglednicima Internet Explorer inačica 5 i 6. Naime, navedeni bi preglednici područje koje treba biti prozirno prema pozadini web-stranice prikazali solidnom sivom bojom. Iako je bug ispravljen s inačicom MSIE 7, ipak još nije sigurno slobodno koristiti PNG, s obzirom da dosta korisnika Interneta još uvijek koristi stare inačice spomenutog preglednika.

	PNG (.png)
prednosti	nedostaci
podržava 24-bitnu i veće palete boja kompresija bez gubitaka (algoritam DEFLATE) djelomična do potpune transparencije uz alfa-kanal	na kompleksnijim slikama veličina datoteke može biti neprimjereno velika te je potrebno razmotriti korištenje JPEG-a ili rastavljanje slike na komponente prema kompleksnosti ili sadržaju
činjenice
podržava potpunu paletu boje i djelomičnu transparenciju što ga čini visokokvalitetnim formatom pogodan za izradu dizajna kompleksnih grafičkih sučelja na webu, ali i desktop okruženju raširen kao format za ikone visoke kvalitete nastanak PNG-a potaknut kontroverzom oko prava na GIF format obzirom da podržava samo RGB prostor boja (a ne i CMYK), nije pogodan za profesionalnu uporabu (tisak)

Primjeri

 Razlika između kompresije s gubicima i bez gubitaka.

 

Prikaz transparencije PNG-a alfa-kanalom: obje slike su identične (hue_alpha.png), no u HTML-u je definirana različita boja pozadine (lijevo bijela i desno crna).

 

Prikaz transparencije PNG-a alfa-kanalom: oznaka područja (lijevo) i nad bijelom (desno)

 

Prikaz transparencije PNG-a alfa-kanalom: nad potpunom ljubičastom (lijevo) i nad datotekom hue_alpha.png kao pozadinom (desno)

Zaključak

PNG je zasigurno najkvalitetniji grafički format u RGB prostoru boja. Znatno je korišten u domeni Web 2.0 stvaralaštva, obzirom da nudi djelomičnu transparenciju po alfa-kanalu te potpunu paletu boja. Kompresija uz algoritam DEFLATE često postiže bolje rezultate nego LZW kod GIF-a.

Potpunu dominaciju nad grafičkim formatima na webu PNG bi trebao preuzeti čim web-preglednici IE 5 i 6 (koji su nažalost još uvijek previše zastupljeni da bi ih se moglo ignorirati) nestanu s korisničkih računala. Dotad su web-dizajneri osuđeni na zaobilazna rješenja u prikazu PNG-ova nad navedenim preglednicima.