---
id: pg-1-bitmapa-a-vektor
nazev: Bitmapa a vektor
popis: Kdy je obrázek z pixelů a kdy z křivek.
nazev_cviceni: Kvíz: bitmapa a vektor
nadpis_kvizu: Poznejte, co se při zvětšení rozmaže
---

# Výklad

## Dva druhy obrázku
*Pixel a křivka*

- Bitmapa je mřížka pixelů. Fotka z telefonu je bitmapa a otevírá se ve Photoshopu.
- Vektor je popis křivek. Logo a ikona se kreslí v Illustratoru a při zvětšení zůstávají ostré.
- Photoshop umí obojí, ale fotku v něm nepřekreslíte na křivky. Naopak Illustrator není na retuš.
- Když nevíte, který soubor je který, přibližte ho na 400 %. Bitmapa ukáže čtverečky.

> Tip: Přípona napoví: JPG a PNG jsou bitmapa, SVG a AI jsou vektor. PSD může obsahovat obojí.

## Co se stane při zvětšení
*Kvalita*

- Bitmapu 800 px širokou nelze vytisknout ostře na velký plakát. Pixely se jen roztáhnou.
- Vektor se zvětší přepočtem křivky. Hranu má pořád hladkou.
- Zmenšení bitmapy pixely zahodí. Zvětšení zpět je nevrátí.
- Proto se logo neukládá jako malé JPG a fotka se nefotí až ve chvíli, kdy už je pozdě.

> Tip: Jednou zmenšenou fotku už nedostanete zpátky. Nechte si původní soubor.

## Který program kdy
*Volba*

- Fotku, retuš a plakát z fotografie berte do Photoshopu.
- Logo, piktogram a čisté tvary berte do Illustratoru. Ten přijde ve čtvrtém ročníku.
- Video nepatří ani do jednoho. Na střih je Premiere Pro, ve třeťáku.
- Hotové logo z Illustratoru se do Photoshopu vloží jako chytrý objekt, ne jako malý JPG.

> Tip: Chytrý objekt drží původní kvalitu. ZJPG-ované logo už křivky nemá.

## Zadání: porovnání
*Cvičení*

- Otevřete ve Photoshopu fotku a přibližte ji na 400 %. Okraj předmětu se rozpadne na pixely.
- Stejný pohled udělejte u loga ve formátu SVG nebo AI. Hrana zůstane hladká.
- Do sešitu napište, který soubor je bitmapa a který vektor, a proč.
- Fotku uložte jako porovnani.psd. Logo nepřevádějte na JPG.

> Tip: Když SVG ve Photoshopu rastruje, zaškrtněte velký rozměr. Malý náhled nic neukáže.

# Kvíz

## Co uvidíte na fotce při zvětšení na 400 %?
- Hladkou křivku bez pixelů
- [x] Čtverečky pixelů
- Jen ořezové značky
- Prázdné plátno
> Fotka je bitmapa. Zvětšení roztáhne pixely, křivku z ní neudělá.

## Kam patří nové logo školy?
- Do Photoshopu jako malé JPG
- [x] Do Illustratoru jako křivky
- Do Premiere jako titulek
- Do JPG o šířce 80 px
> Logo se zvětšuje na plakát i na vizitku. Křivka to zvládne, malé JPG ne.

## Co se stane, když bitmapu zmenšíte a pak znovu zvětšíte?
- Pixely se vrátí
- [x] Ostrost se ztratí
- Soubor se stane vektorem
- Přibude spadávka
> Zmenšení pixely zahodí. Zvětšení je neumí vymyslet zpět.

## Jak se má logo vložit do plakátu ve Photoshopu?
- Jako JPG 80 px
- [x] Jako chytrý objekt
- Vložením snímku obrazovky
- Jako zvuková stopa
> Chytrý objekt podrží zdroj. JPG logo už nejde zvětšit bez rozmazání.