01 Interaktivní lekce

Obrázek může být
mřížka i návod.

Přibližuj, kresli a ohýbej křivky. Za pár minut uvidíš, proč se fotografie a logo ukládají jinak.

Začít experimentovat
02 Přibliž si detail

Stejný obrázek.
Jiný způsob uložení.

Táhni slider. Vlevo se zvětšují barevné čtverečky, vpravo se tvar pokaždé znovu vypočítá.

RASTR
Najeď na obrázek
Rastr = pixely 64 × 64 = 4 096 pixelů

Každý čtvereček má pevné místo a jednu RGB barvu.

VEKTOR
Vektor = tvary a křivky Několik geometrických tvarů

Ukládá se návod na tvary, ne barevná políčka.

Zatím vypadají podobně. Posuň zvětšení alespoň na 300 % a sleduj hrany.

03 Kolik pixelů stačí?

Rozlišení rozhoduje
při zvětšení.

Stejnou plochu může popsat pár velkých pixelů, nebo mnoho malých. Vyber rozlišení a potom obrázek přibliž.

1. Vyber rozlišení
2. Přibliž obrázek
Zvětšení 1×

Rozlišení říká, kolik pixelů obrázek obsahuje. Čím více ho zvětšíš, tím větší čtverečky z pixelů uvidíš.

04 Pod kapotou

Postav obrázek
oběma způsoby.

Jeden editor mění jednotlivá políčka. Druhý mění předpis jedné křivky.

A

Raster editor

Každý pixel má místo a barvu.

Tahem myši vybarvuj políčka. Po najetí zjistíš, co přesně počítač ukládá.

x: —   y: — RGB: —
B

Vector editor

Křivku řídí čtyři body.

Počítač dostane návod, jak tvar nakreslit.

Interaktivní Bézierova křivka Tažením čtyř bodů lze upravit tvar křivky.
Táhni body
05 Rychlá volba

Rastr,
nebo vektor?

Vyber vhodnější formát. Některé obrázky lze uložit oběma způsoby — jde o to, který dává větší smysl.

0 / 6
správně

Vektor není vždy lepší. Jen řeší jiný problém.

06 To nejdůležitější

Čtyři věci,
které si odnést.

Rastr= pixely
Vektor= tvary
Rastr se hodí profotografie a textury
Vektor se hodí prologa, ikony, schémata

Otázka na závěr

Proč je malé JPG logo problém pro billboard?