Základní pojmy počítačové grafiky

1. Pixel
Je zkratka anglického Picture Element,
tedy obrazový bod. Každý obrázek zobrazený na
obrazovce je poskládán a vysvícen z mnoha
obrazových bodů, pixelů (px).

2. Velikost obrázku
 rozměry – v pixelech - počet obrazových bodů na šířku a na výšku, ze kterých je obrázek sestaven
(Smajlík na obrázku má velikost 30 x 30 px a je hodně zvětšený).
Například: 800 x 600 px (středně velký obrázek);
 na disku – datová velikost - v Bajtech a jeho násobcích
Například: 150 kB (středně velký obrázek)
 na papíře - v délkových jednotkách
Například: 13 x 19 cm

3. Rozlišení
Slovo "rozlišení" se v počítačové grafice hojně používá, označuje však mnoho rozdílných veličin.
Například:
 rozlišení monitoru (Udává počet obrazových bodů na šířku krát počet obrazových bodů
na výšku monitoru. (Např. 1 280 x 1 024 bodů.)
 rozlišení fotoaparátu (Udává celkový počet obrazových bodů, ze kterých je schopen fotoaparát
sestavit fotografii při nejvyšší kvalitě. Například: 10 Mpx (2592 x 3888 px).
 rozlišení obrázku (Rozlišení obrázku je veličina, která má význam pouze při tisku obrázku.
Udává, z kolika pixelů bude vyskládána délka 1 palce (2,54 cm) při tisku. Je to vlastně hustota
obrazových bodů. Udává se v dpi (dots per inch, tedy bodů na palec). Pro monitor stačí rozlišení
obrázku, které odpovídá monitoru, tedy asi 72 - 96 dpi, pro kvalitní tisk je třeba minimálně 150
dpi (optimální je 300 dpi)
Cvičení 1: Vytisknutý obrázek má velikost 10x15 cm. Tiskárna tiskne s rozlišením 150 dpi. Jaký
rozměr v px má obrázek na monitoru?

Cvičení 2: Máme obrázek o rozměrech 800 x 600 px. Vytiskneme ho s rozlišením 200 dpi. Kolik cm
na šířku a na výšku bude mít vytištěný obrázek?
 Cvičení 3: Máme obrázek o rozměrech 800 x 600 px. Po vytisknutí je šířka obrázku 4 cm. S jakým
rozlišením tiskneme a jaká je výška vytisknutého obrázku.

Cvičení 4: Máme fotografii o rozměrech stran v poměru 5:4 pořízenou 10 Mpx fotoaparátem. Co
znamená údaj 10 Mpx? Fotografii chceme vytisknout při zachování kvalitního rozlišení
300 dpi. Jaký největší rozměr na šířku a na výšku v cm bude mít papírová fotorafie?
Co by se stalo, kdybychom tuto fotografii pořídili fotoaparátem 3 Mpx?

 Zjistěte rozlišení fotoaparátu zabudovaného ve vašem mobilním telefonu. Jaké rozměry budou
mít fotografie pořízené tímto fotoaparátem?(fotografie mají většinou poměr stran 4:3)

4. Histogram
Je graf zobrazující
četnost pixelů pro celou škálu
jasů od 0 (černé vlevo) po 225
(bílou vpravo) v obrázku.

Histogramy lze vytvořit i pro jednotlivé barvy RGB

5. Jas obrázku
Jasem obrázku rozumíme celkovou světlost obrázku.
Jas obrázku můžeme posuzovat pouhým okem, více nám však napoví histogram
6. Kontrast
Kontrastem obrázku rozumíme rozdíl v jasu mezi nejtmavším a nejsvětlejším bodem obrázku:

7. Sytost barev (saturace)

Sytostí barev v obrázku rozumíme čistotu barev, tedy to, jak výrazně se barvy odlišují od šedé.
Cvičení 5: Uložte si obrázky IMG1.jpg, IMG2.jpg, IMG3.jpg a IMG4.jpg do své složky v Dokumentech.
Obrázky otevřete v grafickém editoru Picasa a podle histogramu posuďte jejich jas a kontrast. Poté
vylepšete jejich vzhled úpravou jasu, kontrastu a saturace, uložte.

8. Barevná hloubka
Digitální zařízení pracující s obrazem (fotoaparát, skener, tiskárny...) mohou pracovat nebo ukládat
obrázky s různou barevnou hloubkou.
Barevná hloubka obrázku udává, v kolika bitech je uložena informace o barvě jednoho pixelu. Z
barevné hloubky vyplývá i nejvyšší počet barev, který je možné zobrazit.
Je jasné, že:
 čím větší barevná hloubka, tím věrnější a tedy kvalitnější obraz
ale
 tím větší datová velikost obrázku a výpočtová náročnost při zobrazování
Barevná Zápis možných Počet barev Barevná Počet barev
hloubka barev hloubka
1b 8 b = 1B
2b 16 b = 2 B

3b 32 b = 4 B

4b 64 b = 8 B

9. Barevný model RGB

Barevný model RGB (Red, Green, Blue) používají zařízení, která barevný obraz „svítí“, např barevný
televizor, LCD, dataprojektor...
Zobrazení barev v RGB modelu spočívá v tom, že každou barvu lze získat kombinací červeného,
zeleného a modrého světla o různých intenzitách.
Proto je barva jednoho pixelu uložena ve třech Bytech (kanálech) - barevná hloupka je tedy…………b
1. Byte udává intenzitu R - červené složky (0 = nejnižší jas, 255 = maximální jas)
2. Byte udává intenzitu G - zelené složky (0 = nejnižší jas, 255 = maximální jas)
3. Byte udává intenzitu B – modré složky (0 = nejnižší jas, 255 = maximální jas)
 Cvičení 6: Pomocí grafického editoru Macromedia Fireworks najděte číselnou reprezentaci
následujících barev
barva dvojková soustava desítková šestnáctková
soustava soustava
červená nejvyšší intenzity
zelená nejvyšší intenzity
modrá nejvyšší intenzity
bílá
černá
šedá
světle purpurová
(magenta):
světle azurová (cyan):
žlutá (yellow)
hnědá

11. Jas pixelu

Jas pixelu je limitován zařízením, které jej zobrazuje, nejčastěji LCD monitor.
Maximální jas – buňka LCD propouští maximum světla - všechny RGB složky mají hodnotu 255
Minimální jas – buňka LCD nepropouští žádné světlo - všechny RGB složky mají hodnotu 0
Absolutní jas: Z RGB obrazu je snadno možné vyrobit černobílou fotografii. Stačí převést všechny
barvy na stupně šedé, přičemž šedé jsou ty barvy, které mají všechny tři RGB složky stejné. Nabízí se tak
jednoduchá metoda pro výpočet absolutního jasu pixelu - průměr z jasu všech tří složek:

Subjektivní jas: Lidské oko však není stejně citlivé na všechny barvy. Na modrou méně, na zelenou
nebo žlutou více. Proto absolutní jas nemá příliš velký smysl (oko to vidí jinak) a proto se často používá tzv.
subjektivní jas, který bere v potaz citlivost oka:

Subjektivní jas=0,3jasR+0,59jasG+0,11jasB

Cvičení 7: Vypočtěte absolutní a subjektivní jas barev z předchozího cvičení a porovnejte je

s černobílým tiskem těchto barev (druhý sloupeček).
barva absolutní jas subjektivní jas
červená nejvyšší intenzity
zelená nejvyšší intenzity
modrá nejvyšší intenzity
bílá
černá
šedá
světle purpurová (magenta):
světle azurová (cyan):
žlutá (yellow)
hnědá
Cvičení 8: Barevná reprezentace daného pixelu v RGB modelu je 11110000 00001111 10101010.
a) vyjádřete tuto reprezentaci v desítkové soustavě
b) spočtěte jeho absolutní a subjektivní jas
c) zkuste tuto barvu zobrazit

Cvičení 9: Jaký je absolutní a subjektivní jas nejjasnější červené barvy, který je zapsána 30 b barevnou
hloubkou?

Vektory a bitmapy
Existují dva základní principy zaznamenání obrázku počítačem. Vektorový a bitmapový.

13. Vektorový princip

Chápe obrázek jako souhrn objektů ohraničených křivkami.
výhody: nevýhody:

14. Rastrový (bitmapový) princip

výhody: nevýhody:

Cvičení 10: Tiskárna vytiskla jednobarevný tmavě fialový obdélník o rozměrech 5 x 7,5 cm
s rozlišením 200 dpi. a) V kolika Bytech je uložena informace o barvě tohoto objektu,
jestliže jej uložíme jako rastrový obrázek s barevnou hloubkou 3 B?
b) Zapište barevnou reprezentaci jednoho pixelu v RGB modelu v desítkové i dvojkové
soustavě.
c) Jaký je absolutní a subjektivní jas tohoto pixelu?
 Cvičení 11: Scanner neskenoval jednobarevný světle zelený obdélník o rozměrech 10 x 7,5 cm
s rozlišením 150 dpi.
a) V kolika Bytech je uložena informace o barvě tohoto objektu, jestliže jej uložíme jako
rastrový obrázek s barevnou hloubkou 9 b?
b) Zapište barevnou reprezentaci jednoho pixelu v RGB modelu v desítkové i dvojkové
soustavě.
c) Jaký je absolutní a subjektivní jas tohoto pixelu?

Komprese dat
Pro zmenšení datové velikosti obrázku se používá komprese. Jedná se o proces "šetření" bity, odborně:
zpracování počítačových dat s cílem zmenšení jejich objemu při současném zachování informací v datech
obsažených.
Většina datových formátů používá komprimaci.
Za nezkomprimovaný formát se považuje formát RAW (i když odborníci tvrdí, že i zde je jistý
komprimační algoritmus použit). Také formát BMP se dá s přimhouřením obou očí považovat za
nekomprimovaný.

15. Bezeztrátová komprese

Bezeztrátová komprese spočívá v tom, že se posloupnost bajtů souboru zakóduje do jiné, kratší
posloupnosti, která má ale totožnou informační hodnotu – po dekódování získáme původní soubor.
Kódování využívá toho, že se v celém kódovaném souboru vyskytují některé kombinace bitů
opakovaně. Vytvoří se tedy jakýsi vzorek dat (slovník) a každé další použití vzorku dat se uloží jen jako odkaz.
Existuje mnoho kompresních algoritmů, univerzální i specializované na texty, obrázky, zvuk, video.
Příklady formátů používajících bezeztrátovou kompresi: zip, rar, tiff, png, gif

16. Ztrátová komprese

Ztrátová komprese spočívá v tom, že jsou ze souboru odstraněny nedůležité detaily, jejichž ztrátu lidské
smysly nevnímají (zrak a sluch).
Po dekódování již nezískáme originální soubor, některé informace jsou trvale ztraceny. Množství
ztracených informací lze obvykle nastavit stupněm (kvalitou) komprese.

Příklady formátů používajících ztrátovou kompresi: MP3, MPEG, DivX, JPEG

Grafické datové formáty

17. JPEG
JPEG (Joint Photographic Experts Group) se používá k ukládání obrázků pro běžné uživatele.
Popis komprese:
 Redukují se některé informace o barvách pixelů
 Obraz se rozdělí do čtverců 8x8 pixelů a v nich je pomocí tzv. diskrétní cosinové transformace
(DCT) hledán opakující se vzorek. Podle nastaveného stupně komprese je potom místo 8x8=64
čísel tvořících obrazový čtverec uloženo jen několik čísel charakterizujících vzorek v tomto
čtverci.
 Na závěr je na výsledek ještě aplikována bezeztrátová komprese a výsledek je uložen jako JPEG
soubor (typická přípona „jpg“).
Výhody JPEG formátu:
 JPEG je formát rozšířený a velice praktický, zmenšení datové velikosti fotografií je významné i
při zachování vysoké kvality zobrazení
 Nevýhody JPEG formátu:
 Používá pouze 24 bitovou barevnou hloubku.
 Nepodporuje průhlednost.
 Nehodí se pro ukládání jednoduché grafiky (ostré čáry, texty).
 Nepodporuje ukládání ve vrstvách.
 Nepodporuje vektorovou grafiku, hodí se jen na fotografie.
 Opakované ukládání do JPEG formátu degraduje fotografie.
Cvičení 12: V grafickém editoru Fireworks vyzkoušejte uložení fotografie do formátu jpg s kvalitou
100%, 60%, 10%. Porovnejte datovou velikost souborů.

18. GIF
GIF (Graphics Interchange Format) je formát, který doplňuje JPEG formát zejména pro užití na
internetu. Používá se pro ukládání jednoduché grafiky.
Popis komprese:
 Ke každému obrázku je navržena paleta barev (min. 2, max. 256) a k uložení obrázku se použijí
pouze barvy z této palety.
 Aplikuje se bezeztrátová komprese
Výhody GIF formátu:
 Uložení pomocí palety barev je výhodné – zejména pro jednoduchou grafiku, loga, ikony
atp.
 Umožňuje bezeztrátovou kompresi.
 Umožňuje uložit a zachovat průhlednost.
 Umožňuje animaci.
 Je široce podporován, zobrazí ho všechny prohlížeče
Nevýhody GIF formátu:
 Nevhodný pro fotografie
 Nepodporuje vektorovou grafiku.
Cvičení 13: V grafickém editoru Fireworks vyzkoušejte uložení fotografie do formátu gif s různou
barevnou hloubkou. Porovnejte datovou velikost souborů.

19. TIFF
Formát TIFFT (Tagged Image File Format) doplňuje nedostatky JPEGu v oblasti vysoce kvalitní
grafiky.
Použitá komprese:
 bezeztrátová
Výhody TIFF:
 Variabilní barevná hloubka (1 bit, 8 bitů, 24 bitů, 48 bitů a další) a variabilní barevný režim.
 Možnost uložení zcela bez komprese, s bezeztrátovou kompresí i se ztrátovou kompresí typu
JPEG.
 Široce podporovaná průhlednost včetně plynulé průhlednosti pomocí alfa kanálu.
 Možnost uložení více stránek a/nebo více vrstev dokumentu.
Nevýhody TIFF formátu:
 Značné problémy s kompatibilitou.
 Bez komprese generuje TIFF obrovské soubory.
 TIFF neumožňuje animaci.
Cvičení 14: V grafickém editoru Fireworks vyzkoušejte uložení fotografie do formátu tiff s různou
barevnou hloubkou. Porovnejte datovou velikost souborů.

20. PNG
Formát PNG (Portable Network Graphics) byl původně navržen jako náhrada a rozšíření GIF formátu.
Použitá komprese:
 bezeztrátová
Výhody PNG:
  Variabilní možnosti ukládání (pomocí palety…barevná hloubka 8 b) nebo s 24, 32, 48 bitovou
barevnou hloubkou
 Podporuje průhlednost
Nevýhody PNG:
 Neumožňuje změnu barevného modelu (pouze RGB)
 Bezeztrátová komprese neumožňuje velké zmenšení datové velikosti obrázků.
Cvičení 15: V grafickém editoru Fireworks vyzkoušejte uložení fotografie do formátu png s různou
barevnou hloubkou. Porovnejte datovou velikost souborů.

Doplňte tabulku:
Kvalita Podporuje Barevná Vektorová x Komprese
fotografií průhlednost hloubka rastrová
grafika
jpg
gif
tiff
png
bmp
raw

21. Vektorové formáty souborů:

 WMF – Windows Meta File
 ZMF – Zoner Meta File
 SVG - Scalable Vector Graphics - otevřený formát pro vektorovou grafiku
 CDR - Corel Draw
 AI - Adobe Illustrator Artwork

22. PDF
Formát PDF – Portable Document Format
Kombinuje možnosti rastrové i vektorové grafiky a stal se tak de facto standardem pro výměnu
dokumentů.