Rastrová a Vektorová grafika

Bc. Filip Hanel

VOŠ a SPŠE Františka Křižíka
Grafická data Je to způsob, jak počítač ukládá grafické informace

Bitmapová X Vektorová

Grafický soubor

● Zakódovaná grafická data

Grafický formát

● Standard definující způsob popisu a zpracování

grafických dat

2
Rastrová grafika Základním stavebním kamenem je pixel

(Bitmapová) Pixel (Picture element)

● Obrazový bod
● Barvový atribut určující barvu a je vyjádřen
binárním číslem - logický pixel
● U zařízení využívající RGB se pixel skládá ze tří
subpixelů - fyzický pixel
● Nejmenší jednotka digitální rastrové grafiky
● Každý bod je identifikován souřadnicí v
čtvercové síti

3
Barevná hloubka Barvový atribut vyjadřuje barevnou hloubku

Počet bitů sloužící k vyjádření určité barvy

Určuje barvu

Čím větší barevná hloubka

● Tím větší škála různých barev

● Tím větší paměťová náročnost

Barevné hloubky

● 1b (21) => 2 barvy: Mono Color (0=černá, 1=bílá)

● 4b (24) => 16 barev
● 8b => 256 barev
● 24b => 16 777 216 barev: True Color
● 32b => 4 294 967 296 barev: Super True Color
Rastrová grafika Pro převod předlohy do rastrové graficky se využívá
zařízení jako skener nebo fotoaparát

(Bitmapová) Bitmapový obrázek je

● Velikostí (šířka x délka)

● Rozlišením (hustota barevných bodů)
● Barevná hloubka (počet bitů sloužící k vyjádření
určité barvy)

Výhody

● Přirozené zobrazení fotografií (reality)

Nevýhody

● Změna velikosti vede ke zhoršení kvality

obrázku
● Při velkém zvětšování lze vidět rastr
● Klade velké nároky na paměť 5
Formáty rastrové ●
●
BMP
GIF

grafiky ●
●
JPEG
JPEG 2000
● PNG
● TIFF

6
Vektorová grafika Vektor je definován počátečním bodem, směrem a
délkou

Základem jsou tedy křivky

Beziérovy křivky

● Křivky spojují jednotlivé kotevní body a mohou

mít definovanou výplň (barevná plocha nebo
barevný přechod)

Jsou to číselné hodnoty, které popisují elementární

prvky obrazu tzv. primitiva (geometrické útvary)

● Body, přímky, úsečky, kružnice,křivky, n-úhelniky,

polygony

7
Vektorová grafika Výhody

● Možnost změn velikosti obrázku, aniž by to

mělo vliv na kvalitu
● Malá datová velikost
● S každým objektem lze pracovat samostatně

Nevýhody

● Oproti rastrové grafice zpravidla složitější na

pořízení obrázku
● Náročnější na operační paměť a procesor než
rastrová grafika
● Nehodí se pro zápis barevných ploch, jako jsou
fotografie

8
Formáty vektorové ●
●
.ai - Adobe Illustrator Artwork
.cdr - Corel Draw

grafiky ●
●
.svg - Scalable Vector Graphics
.zmf - Zoner Caůůostp
● .pdf - Portable Document Format

9
Digitální obraz Vzniká procesem digitalizace

Jedná se o digitální obraz tvořen pixely

Vzniká pomocí A/D převodníku

Spočívá ve dvou procesech

● Vzorkováním a kvantováním

10
Vady obrazu Alias

● Falešné objekty a tvary

● Vzniká nedostatečným navzorkováním
● Prostorový alias
○ Hrany objektu jsou zubaté
○ Moiré - rušivý optický efekt
● Časový alias
○ Pohybující objekty se rozmazávají

11
Editory Photoshop

Bitmapové Photofiltre

Gimp

PhotoPaint

12
Editory Photoshop

Bitmapové ●
●
Vlastněn Adobe Systems
První verze vznikla v roce 1990 pro Mac OS
● Proprietární software
● Profesionální software
● Složitý na ovládání
● Drahý

Verze

● Často součástí větších balíků

● CS5, CS6, CC

Cena cca 25 euro za měsíc

13
Editory Photofiltre

Bitmapové ●
●
Open Source
Jednoduchý, ale omezený
● Snadno naučitelný

Verze

● č. 5, 6, 7

14
Editory Gimp

Bitmapové ●
●
GNU projekt
Open Source
● Nativní pro GNU/Linux
● Zdarma
● Snaha konkurovat profesionálním SW a přitom
být free software

15
Editory PhotoPaint

Bitmapové ●
●
Vlastněn Corelem
Proprietární software
● Profesionální software
● Složitý na ovládání
● Drahý

Verze

● Často součástí balíku

● x6, x7, 2020

16
Editory Zoner Callisto

Vektorové Adobe Illustrator

Corel Draw

Inkscape

17
Editory Zoner Callisto

Vektorové ●
●
Vyvíjen Zoner softwares
Původně proprietární a později byl uvolněn
freeware
● Vývoj ukončen 2004 a licence uvolněna 2012

18
Editory Illustrator

Vektorové ●
●
Vlastněn Adobe Systems
První verze vznikla v roce 1990 pro Mac OS
● Proprietární software
● Profesionální software
● Složitý na ovládání
● Drahý

Verze

● Často součástí větších balíků

● CS5, CS6, CC

Cena cca 25 euro za měsíc

19
Editory Corel Draw

Vektorové ●
●
Vlastněn Corelem
Proprietární software
● Profesionální software
● Složitý na ovládání
● Drahý cca 18 000 za balík

Verze

● Často součástí balíku

● x6, x7, 2020

20
Editory Inkscape

Vektorové ●
●
Vyvíjen Inkscape teamem
Free Software
● Nativní formát SVG

21
Prameny
Přispěvatelé Wikipedie, Rastrová grafika [online], Wikipedie:
Otevřená encyklopedie, c2020, Datum poslední revize 19. 02. 2020,
13:11 UTC, [citováno 22. 09. 2020] <
https://cs.wikipedia.org/w/index.php?title=Rastrov%C3%A1_grafika
&oldid=18167006
>

Přispěvatelé Wikipedie, Vektorová grafika [online], Wikipedie:

Otevřená encyklopedie, c2020, Datum poslední revize 7. 09. 2020,
13:48 UTC, [citováno 22. 09. 2020] <
https://cs.wikipedia.org/w/index.php?title=Vektorov%C3%A1_grafika
&oldid=18978611
>

Bitmapová grafika | . [online]. Dostupné z:

http://becvarova.com/skoleni/inkscape/bitmapova-grafika/

Bitmapová grafika – Wikisofia. [online]. Copyright © 2013 ISSN [cit.

22.09.2020]. Dostupné z: https://wikisofia.cz/wiki/Bitmapová_grafika

Jaký je rozdíl mezi rastrovou a vektorovou grafikou. Vektorová

grafika - Vytvoření firemního loga, převod stávajícího loga a
obrázků do křivek [online]. Dostupné z:
22
https://vektorova-grafika.cz/rastrova-a-vektorova-grafika-jaky-je-roz