Formáty obrázků a Internet

Webová stránka je čitelně, srozumitelně a zároveň elegantně podaná informace, stejně jako stránka časopisu. Stejně jako u časopisu jsou podstatné spíše menší grafické prvky, které zjednodušují čtení, místo aby jej naopak komplikovaly. Kvalitní webová stránka se tak obvykle vyznačuje malými decentními grafickými prvky, které dokreslují textovou, popř. i vlastní obrazovou informaci a nepotlačují ji.

V podstatě pro obrázky určené na web existují tři druhy formátů - jeden je GIF, druhý JPEG a třetí - nepříliš používaný PNG. Ve vyjímečných případech se můžeme setkat i s bitmapami, ale proč je na své stránky autoři umísťují, mi není zcela jasné..

GIF

Prakticky nejpoužívanější webový formát, který vyvinula americká firma CompuServe. Je určen pro obrázky obsahující maximálně 256 barev (režim indexované barvy).

Příklady počtu barev v obrázku


64 barev (7 kB)	16 barev (5 kB)	8 barev (4 kB)

Výhody GIFu

používá neztrátovou kompresi, grafická informace je tedy komprimována tak, že nedochází k žádným změnám v komprimovaných datech
soubor GIF umí definovat průhlednou barvu. Znamená to, že jedna z barev (např. modrá) může být označena jako průhledná a tato barva je pak nahrazena např. podkladem webové stránky GIF se na webu především používá na přesnou a jemnou grafiku - typickým příkladem můžou být ikony, malá loga, tlačítka.

GIF se dá z hlediska zobrazování rozdělit na dvě skupiny:

statický GIF
animovaný GIF (animated).

Statický GIF není třeba jakkoli dlouze popisovat - prostě statický obrázek na webu, který může být definován jako prokládaný.
Prokládaný GIF (interlaced) poznáte na webových stránkách hned na první pohled - na stránce se totiž nejprve objevuje v hrubém náhledu a postupně se zpřesňuje. Volby prokládaného GIF přitom nijak neovlivňuje jeho výslednou velikost, pomáhá pouze při zobrazování obrázku. Pokud budete tedy tvořit obrázek v GIF, vždy definujte, aby byl prokládaný.

Animovaný GIF se používá převážně na reklamní animované bannery a na různé malé pohyblivé obrázky (mrkající ikony atd.) - je to možné díky tomu, že do jednoho souboru je možné vložit, stručně řečeno, jiné GIFy, které jdoucí po sobě vytvářejí animaci. Lze definovat typ přechodu a dobu mezi jednotlivými snímky, či počet opakování animace. I animovaný GIF může být definován jako prokládaný.

Formát GIF není na fotky vhodný, protože obsahuje málo barev


Formát JPG (29 kB)	Formát GIF s 256 barvami (38 kB)

Formát GIF s 32 barvami (19 kB)

JPEG zkratka z termínu Joint Photographic Expert Group)

Formát JPEG patří do ztrátové komprese, která je založena na nedokonalosti lidského oka. Pokud tedy nějaký obrázek uložíte jako .JPG, počítejte s tím, že část informací o obrázku se vám ztratí, ale obvykle to ani nijak na samotném vzhledu nepoznáte (rozhoduje stupeň komprese). Používá se především na velké obrázky bez ostrých obrysů - např. fotky určené pro web. Málokdy se používá na malé prvky jako ikony nebo tlačítka. Počet barev je neomezen.

Ukázka závislosti kvality obrázku na velikosti komprese


Kvalita 10 z dvanácti stupňů (77 kB)	Kvalita 4 z 12 (16 kB)	Kvalita 1 z 12 (11 kB)

Formát JPEG není vhodný pro kresby, protože mají ostré hrany a jednobarevné plochy, na kterých je vidět snížení kvality při použití komprese tohoto formátu.


GIF (1 kB)	JPEG (2 kB)

PNG

PNG formát byl speciálně vytvořen k nahrazení staršího a méně komplexního GIF formátu. PNG nám nabízí hned několik nezanedbatelných výhod proti formátu GIF:

nedochází zde k volné komprimaci, což způsobuje velkou realističnost barev
není omezen 256 barvami jako GIF, může mít až 16.7 milionů barev
stejně jako GIF používá neztrátovou kompresi a umožňuje postupné zobrazování obrázků (jako prokládaný GIF), ale ne v řádkovém zpřesňovaní, ale ve čtvercovém zpřesňování, což je pro lidské oko přijatelnější.

PNG je obrázkový formát, který patří mezi tzv. volné patenty, což umožňuje jeho volné používání. Tento formát je k dispozici jako otevřený standard již od října 1996. I přes tyto všechny jeho přednosti není PNG stále vidět na webových stránkách. Příčina je velmi prostá - není možné jej používat na www stránkách, které jsou vytvořeny tak, aby byly koretně zobrazeny na všech nynějších prohlížečích současně.