Grafika

Bitmapová a vektorová grafika

Grafické formáty
Obsah
 Bitmapová a vektorová grafika
 Vektorová grafika
 Bitmapová grafika
 Bitmapová verzus vektorová grafika
 Grafické formáty
 Porovnanie veľkosti obrázkov uložených
v rôznych formátoch
 Kontrolné otázky a úlohy
Bitmapová a vektorová grafika
Počítače zobrazujú grafiku buď
vo vektorovom alebo bitmapovom formáte.

Obsah
Vektorová grafika
Vektorová grafika popisuje obrázky pomocou čiar a kriviek, ktoré sa nazývajú vektory.
V tomto formáte sú zobrazené objekty určené iba svojím okrajom pomocou matematickej
krivky a základných geometrických útvarov. Výsledný obraz sa na obrazovke monitora
vykreslí postupným prevedením kresliacich príkazov. Každý objekt je charakterizovaný
farbou, polohou, veľkosťou a uhlom otočenia. Výhodou tohto spôsobu je menšia
pamäťová náročnosť, a neskreslenie obrázku pri jeho zväčšovaní. Preto je tento
formát vhodný pre grafiku vysokej kvality, pretože obrazy vo vektorovom formáte môžeme
ľubovolne zväčšovať a zmenšovať bez straty detailov na rozdiel od bitmapovej. Vektorová
grafika je nezávislá na rozlíšení.

Obsah
Bitmapová grafika
Bitmapová grafika popisuje obrázok použitím farebných bodov, ktoré sa
nazývajú pixely. Pixely sú usporiadané do mriežky. Napr. obrázok listu je
charakterizovaný určeným umiestnením a farebnou hodnotou každého bodu v
mriežke, takže obrázok je vytváraný podobným spôsobom ako mozaika. Keď
editujete bitmapovu grafiku, meníte pixely a nie čiary a krivky. Bitmapová grafika je
závislá na rozlíšení. Editovanie bitmapovej grafiky môže zmeniť kvalitu jej
zobrazenia. Zmena veľkosti bitmapy môže spôsobiť, že okraje obrázku
prezentované ako body sú rozhádzané po mriežke a pôsobia rozmazane.

Obsah
Bitmapová verzus vektorová grafika
S 2D grafikou sa najčastejšie stretávame vo forme obrázkov. Takým
najmarkantnejším rozdielom voči 3D grafike je ten, že 2D grafika sa na rozdiel od
3D nemodeluje, ale kreslí, čiže nám chýba tretí rozmer.

Poznáme 2 typy 2D grafiky - bitmapovú, taktiež nazývanú rastrovú

- vektorovú.
Bitmapová – funguje na princípe bitovej mapy, čo znamená že každý bod je
v pamäti zakódovaný pomocou bitov. Ako príklad si uvedieme obrázok s rozmermi
4x4 bodov (pixelov).

Ak sa dohodneme že čiernym bodom

zodpovedá hodnota 0 a bielym 1,
potom je obrázok písmena A uložená
v pamäti ako postupnosť bitov:

1001 0110 0000 0110 – to je jeho bitová mapa

Samozrejme že pri farebných obrázkoch bude

situácia podobná ale budeme potrebovať viac
bitov na zakódovanie.
Obsah
Grafické formáty
BMP (Windows Bitmap)
 najčastejší grafický formát,
 v súbore je uložený rastrový obrázok,
 nevýhodou je, že aj jednoduchý obrázok
zaberie na disku veľký priestor.
GIF (Graphic Interchange Format).
 bol navrhnutý na prenášanie obrázkov,
 súbory GIF sú oveľa menšie ako BMP –
je to zabezpečené komprimáciou
(skupiny rovnakých alebo podobných
obrazových bodov sa zapíšu krátkou
informáciou),
 nevýhodou je, že obrázky musia
obsahovať najviac 256 farieb, pri
mnohofarebných obrázkoch je potrebné
počet farieb zredukovať – stráca sa ich
pôvodná kvalita,
 umožňuje nastaviť priehľadnosť obrázka,
 výhodný formát pre obrázky obsahujúce
ostré hrany, napr. technické výkresy.
JPG (JPEG) (Joint Photographic Expert Group)
 používa sa na prenos rastrových obrázkov,
ktoré obsahujú veľa farebných prechodov
(napr. fotky),
 obrázok sa komprimuje tzv. stratovou
kompresiou – určité obrazové informácie sa
vypúšťajú (oko nepostrehne),
 súbory JPG zaberú na disku asi desatinu
miesta oproti BMP.
TIFF (Taggeg Image File Format)
 univerzálny formát,
 využíva 32 bitovú hĺbku a akékoľvek
rozlíšenie.
PNG (Portable Network Graphic)
 tento formát bol vytvorený ako náhrada
za GIF,
 má všetky vlastnosti GIF - okrem animácie,
nie je obmedzený 256 farbami.
Obsah
Porovnanie veľkosti obrázkov
uložených v rôznych formátoch
Formát: JPG

Formát: BMP
Obrázok nie je možné
vložiť - formát nie
je podporovaný.

Veľkosť: 189 kB Veľkosť: 6,92 kB

Formát: GIF Fomát: PNG

Veľkosť: 3,12 kB Veľkosť: 1,56 kB

Obsah
Kontrolné otázky
 Čo znamená pojem vektor, a ktorá grafika ho využíva?
 Čo znamená pojem pixel, a ktorá grafika ho využíva?
 Aký je rozdiel medzi 2D a 3D grafikou ?
 V ktorom formáte môžeme ľubovolne zväčšovať alebo zmenšovať bez straty
detailov ?.
 Ktoré z uvedených formátov využívajú kompresiu (bmp, jpg, gif, tif, png) ?
 Ktorý s formátov umožňuje nastaviť priehľadnosť obrázka (bmp, jpg, gif, tif,
png) ?

ÚLOHA:
 Na internete vyhľadajte ďalšie grafické formáty.
 Na internete vyhľadajte po jednom obrázku (2D, 3D, vektorový a bitmapový).

Obsah