Úlohy grafiky v aplikácii

1.  Úlohy grafiky v aplikácii

Grafika je v dnešnej dobe neodmysliteľnou súčasťou internetu. V tejto súvislosti sa internet označuje tiež ako grafický internet. Vytváranie grafiky, na rozdiel od obsahovej časti stránok, ktorá sa zvyčajne vytvára v HTML editoroch, však prebieha v grafických editoroch. Vzhľadom na to, že existuje mnoho typov grafiky, ktorá môže byť na stránkach použitá, sa niektoré grafické editory špecializujú na vytváranie alebo úpravu určitého typu grafiky, iné majú širší záber a umožňujú prácu s viacerými typmi grafiky.

Internetové aplikácie a stránky umožňujú použitie niekoľkých rôznych variant grafického obsahu, s čím úzko súvisia typy grafiky. Najjednoduchším typom grafiky používaným na stránkach sú texty a tabuľky formátované pomocou základných tagov jazyka HTML. Druhým spôsobom je začlenenie obrázkov či už ako súčasť pozadia alebo priamo do stránky ako tlačítka, obrázky, fotografie, animácie, priehľadné obrázky, logá atď. Tieto obrázky môžu byť uložené v rôznych formátoch, avšak dnes medzi najčastejšie používané a najviac podporované patria GIF a JPG. Na druhej strane, každý jeden grafický formát má svoje výhody a prednosti ale aj nedostatky a preto je každý formát vhodný pre iné použitie, ale o formátoch sa dozviete viac v kapitole 2.3.

Dôležitým pojmom pri rozprávaní o typoch grafiky je kompresia. Pojem kompresia znamená zmenšenie objemu, v našom prípade zmenšenie veľkosti súboru (obrázku). Rozlišujeme dva typy kompresie:

Je to kompresia informácie, pri ktorej nedochádza k žiadnym zmenám v komprimovaných dátach. Táto kompresia je vhodná na jemnú, presnú grafiku – texty, tlačítka, snímky obrazoviek a podobne. Nestratovú kompresia používa napr. formát GIF.

Je založená na znalosti nedokonalosti ľudského oka, ktoré je schopné tolerovať niektoré zmeny v obraze , za účelom vysoko účinnej kompresie. Obrázok komprimovaný stratovou kompresiou nebude nikdy presne ten istý ako pôvodný, ale dá sa povedať, že to väčšinou nespoznáme. Táto kompresia je vhodná pre fotografie a obrázky bez ostrých rysov. Stratová kompresia je používaná napr. formátom JPEG.

Prvým a najjednoduchším grafickým formátom je BMP (bitmapa), ktorý znamená, že každý jeden bit je presne „namapovaný“. Keďže obrázky v tomto formáte sú presným opisom toho, čo sa má zobraziť na obrazovke,  nemôžu byť skomprimované. Každý jeden bod obrázku je reprezentovaný 3 bajtmi, a každý bajt obsahuje intenzitu svojej základnej farby. Výsledkom toho, že sa nedajú komprimovať, je ich veľkosť, a preto sa pri tvorbe webovej grafiky takmer nepoužívajú.

Tento formát pôvodne vyvinula firma CompuServe, ktorá ho využila vo svojich online službách. GIF sa rozšíril hlavne vďaka uvoľneniu kódu, za ktorého používanie firma nevyžaduje licenčné poplatky.

GIF je určený pre ukladanie obrázkov s najviac 256 farbami, rovnako je schopný ukladať data dvojfarebné, teda čisto jednofarebné predlohy. Medzi jeho hlavné prednosti patrí účinná nestratová kompresia a možnosť voľby priehľadnosti, tzn. že jednu z farieb v obrázku môžete totiž označiť ako priehľadnú a pri zobrazení je táto farba nahradená podkladom.

Výhodnou vlastnosťou formátu GIF používanou pre WWW grafiku je možnosť prekladaného zobrazenia /interlaced/. Na obrazovke sa obrázok zobrazuje postupne najskôr v hrubom náhľade a neskôr sa detaily upresňujú. Použitie prekladaného zobrazenia nezvyšuje veľkosť súboru, len pomáha pri zobrazení. Dá sa teda doporučiť, aby všetky súbory GIF väčšie než 5x5 pixelov, boli tvorené prekladaním.

Formát GIF umožňuje uloženie viacerých obrázkov v jednom súbore. Toho využíva nové rozšírenie formátu GIF s možnosťou animovaných GIFov.

Formát JPEG je výsledkom výskumu združenia Joint Photografic Experts Group, ktoré si položilo za cieľ vytvoriť účinnú metódu kompresie obrázkov v pravých farbách. Formát JPEG používa stratovú kompresiu, to znamená, že pôvodný a komprimovaný obrázok sa mierne líšia. Ako veľmi záleží na stupni použitej kompresie. Základným  využitím formátu JPEG je kompresia fotografií a väčších obrázkov. Menej sa už používa pre tlačítka a malú grafiku na webe.