Podcast na Digitalizace obrazu a grafické formáty

Kapitoly

Úvod do dvou světů

Kouzlo vektorů

Svět z pixelů

Rozlišení, aneb proč je to kostičkované?

Kouzlo barev a bitová hloubka

Nástroje grafika

Příprava pro tisk

Správný formát pro každou příležitost

Z digitálního světa na papír

Závěrečné shrnutí

Přepis

Lukáš: ...počkej, takže když si zvětším vektorové logo na velikost paneláku, nebude vůbec rozmazané, protože to vlastně není obrázek, ale jen... hromada matematiky? To je naprosto geniální!

Barbora: Přesně tak, Lukáši! Žádné pixely, které by se mohly rozpadnout a vytvořit nehezkou „kostičkovanou“ mozaiku. Je to čistá, elegantní matematika.

Lukáš: Tak tohle musím pořádně pochopit. A myslím, že nejsem sám. Posloucháte Studyfi Podcast! Dnes se s naší expertkou Barborou ponoříme do fascinujícího světa počítačové grafiky.

Barbora: Ahoj všichni! Je to téma, které se týká každého, kdo se kdy podíval na obrazovku počítače nebo si vzal do ruky tištěný časopis. Začneme tím nejdůležitějším – existují dva naprosto odlišné světy grafiky.

Lukáš: Dobře, ty dva světy jsou tedy... ta tvoje matematika a pak ty... kostičky?

Barbora: Přesně tak! Ten matematický svět se jmenuje vektorová grafika. Místo sítě bodů si ji představ jako soubor instrukcí. Říká počítači: „Tady nakresli čáru z bodu A do bodu B, udělej ji takhle zakřivenou a vyplň tenhle tvar modrou barvou.“

Lukáš: Aha, takže to nejsou data o každém jednotlivém bodu, ale spíš recept, jak ten obrázek uvařit?

Barbora: Skvělá analogie! A protože je to recept, je úplně jedno, jestli vaříš dortík pro jednoho, nebo obří dort pro celou školu. Recept je stejný, výsledek je vždycky perfektně ostrý. Proto se vektory používají na loga, ilustrace nebo třeba písma.

Lukáš: Takže když grafik tvoří logo, pracuje s takzvanými kotevními body a křivkami, které ten recept definují?

Barbora: Ano. Jsou to základní kameny. Kotevní body definují začátek a konec úsečky a pomocí táhel pak určuješ její zakřivení. Profesionálové se snaží použít co nejméně bodů, aby byla křivka co nejčistší a nejplynulejší.

Lukáš: A výhody jsou tedy jasné. Nekonečné zvětšování bez ztráty kvality a menší velikost souboru, protože ukládáš jen ten recept, ne miliony pixelů. Chápu to správně?

Barbora: Naprosto správně! A navíc můžeš kdykoliv změnit barvu, tloušťku linky nebo tvar jakéhokoliv objektu, aniž bys cokoliv poškodil. Je to neuvěřitelně flexibilní.

Lukáš: Dobře, vektory zní jako superhrdina grafického světa. Proč tedy vůbec potřebujeme ten druhý svět, tu bitmapovou grafiku?

Barbora: Protože superhrdina na všechno nestačí. Bitmapová, neboli rastrová grafika, je svět fotografií a realistických obrazů. Tady je základním prvkem pixel – malý barevný čtvereček.

Lukáš: Takže fotka mého psa není recept, ale obrovská mozaika složená z milionů malých barevných dlaždiček?

Barbora: Přesně! Každý pixel má přesně danou barvu a pozici v mřížce. Díky tomu můžeme zachytit neuvěřitelné detaily, barevné přechody a textury reálného světa. To bys matematickým receptem nikdy tak dokonale nedokázala.

Lukáš: To dává smysl. Ale tuším, kde je háček. Když tu mozaiku začnu natahovat...

Barbora: ...tak se ty dlaždičky začnou zvětšovat a budou vidět jejich hrany. Přesně tak. Ztráta kvality při transformaci, hlavně při zvětšování, je největší nevýhodou bitmapové grafiky. A druhou je velikost souboru – uložit informace o milionech pixelů zabere spoustu místa.

Lukáš: Často slyším pojmy jako rozlišení, DPI nebo PPI. Souvisí to s tímhle?

Barbora: Přesně s tím. Rozlišení nám říká, z kolika pixelů se obrázek skládá. Čím víc pixelů, tím jemnější a detailnější obraz. A hodnota PPI, tedy Pixels Per Inch, udává hustotu těch pixelů.

Lukáš: Pixels Per Inch... pixely na palec. Takže kolik těch malých dlaždiček se vejde do jednoho palce, což je asi dva a půl centimetru?

Barbora: Správně! Pro zobrazení na webu nebo na monitoru si obvykle vystačíme s hodnotou kolem 72 PPI. Ale pro kvalitní tisk? Tam potřebuješ mnohem víc. Standardem je 300 PPI.

Lukáš: Takže když si stáhnu malý obrázek z webu a chci si ho vytisknout jako plakát, bude mít málo „dlaždiček na palec“ a výsledek bude rozmazaný a kostičkovaný.

Barbora: Bingo! Je to jedna z nejčastějších chyb. Počítač se snaží chybějící informace domyslet, ale výsledek nikdy není dobrý. Někdy se používá i starší termín DPI – Dots Per Inch, neboli body na palec, což je v podstatě to samé, jen z tiskařského světa.

Lukáš: Dobře, takže máme pixely a víme, jak hustě mají být u sebe. Ale jak pixel ví, jakou má mít barvu? Má nějakou kouzelnou paletu?

Barbora: Skoro. Říká se tomu bitová nebo barevná hloubka. Určuje, kolik informací se použije k popisu barvy jednoho jediného pixelu. Základní jednotka je jeden bit, který může mít hodnotu 0 nebo 1.

Lukáš: Černá, nebo bílá. Nic mezi tím.

Barbora: Přesně. To je obrázek s hloubkou 1 bit. Ale co když použijeme víc bitů? Například s 8 bity už můžeme popsat 256 různých hodnot. To nám stačí na krásných 256 odstínů šedi.

Lukáš: A u barevných fotek to funguje jak? Ty mají přece mnohem víc barev.

Barbora: Barevné fotky nejčastěji pracují v režimu RGB – červená, zelená a modrá. Každý z těchto tří kanálů má vlastních 8 bitů. Takže 8 krát 3 je 24.

Lukáš: Počkat... 24bitová barevná hloubka. To je to, co se označuje jako „True Color“?

Barbora: Přesně tak! A to nám dává možnost namíchat přes 16,7 milionu různých barevných odstínů pro každý pixel. To už je pro lidské oko v podstatě nerozeznatelné od reality.

Lukáš: A co ty vyšší hodnoty jako 32 nebo 48 bitů? K čemu jsou ty dobré, když už 16 milionů barev nerozeznáme?

Barbora: Ty se používají při pořizování fotek a jejich profesionálním zpracování, třeba ve formátu RAW. Máš tam mnohem víc dat o barvách a světle, což ti dává obrovskou flexibilitu při úpravách. Můžeš zachraňovat příliš tmavé nebo světlé fotky bez ztráty kvality. Finální výsledek pro web nebo tisk se pak ale obvykle exportuje do nižší bitové hloubky.

Lukáš: A v čem se všechna ta kouzla dělají? Jaké programy grafici používají?

Barbora: Programy můžeme rozdělit podle toho, jestli pracují s vektory, nebo s bitmapami, i když dnes už spousta z nich umí obojí. Klasickým zástupcem pro vektorovou grafiku je Adobe Illustrator. Pro bitmapy, tedy úpravu fotek, je králem Adobe Photoshop.

Lukáš: A co třeba něco pro začátečníky nebo co je zdarma?

Barbora: Určitě! Gimp je skvělá bezplatná alternativa k Photoshopu. A pro jednoduchou online grafiku je dnes neuvěřitelně populární třeba Canva. Pak tu máme celý svět 3D grafiky – programy jako Cinema 4D nebo Blender, které se používají ve filmech, hrách nebo pro vizualizace. Ale to už je úplně jiná kapitola.

Lukáš: Pojďme se ještě na chvíli vrátit k tisku. Říkala jsi 300 PPI. Je to všechno, na co si musím dát pozor, když chci svůj výtvor poslat do tiskárny?

Barbora: Kéž by! Tisk je věda. Zaprvé, dokument musí mít nastavenou takzvanou spadávku, anglicky bleed. To znamená, že všechny obrázky nebo barevné plochy, které mají být až do kraje, musí přesahovat formát stránky o zhruba 3 milimetry.

Lukáš: Proč? To se pak ořízne, ne?

Barbora: Přesně proto! Řezačka v tiskárně nikdy není stoprocentně přesná. Díky spadávce se nestane, že by ti po ořezu u kraje zůstal tenký bílý proužek. Dále je potřeba do tiskového PDF souboru vložit ořezové a pasovací značky, které tiskaři řeknou, kde přesně má řezat a jak na sebe lícují jednotlivé barvy.

Lukáš: A co barvy? U tenkých linek nebo malého písma je lepší použít jen jednu barvu, ne barvu složenou z více barev, aby se to nerozmazalo soutiskem. Chápu to správně?

Barbora: Perfektně. A poslední velká rada: pokud to není absolutně nutné, nepřevádějte texty na křivky! Místo toho při exportu do PDF vložte použitá písma přímo do souboru. Zůstane tak ostrý a čitelný.

Lukáš: Poslední věc – formáty. JPG, PNG, GIF, TIFF, PDF... je v tom zmatek. Kdy mám co použít?

Barbora: Není to tak složité. Pro web a fotky se nejčastěji používá JPEG, neboli JPG. Skvěle komprimuje data, takže soubory jsou malé, ale pozor, je to ztrátová komprese. Každým uložením se kvalita trochu zhorší. Rozhodně v něm neukládejte rozpracované věci!

Lukáš: Takže žádné ukládání loga v JPG! Už jsem to párkrát viděl a výsledek je tragický.

Barbora: Přesně! Pro loga, ikony nebo grafiku s průhledným pozadím je ideální PNG. Používá bezztrátovou kompresi a umí průhlednost. GIF je dnes už spíš pro jednoduché animace, protože umí jen 256 barev.

Lukáš: A co ty formáty pro tisk?

Barbora: Pro tisk je zlatým standardem TIFF, který ukládá data bez ztráty kvality, ale soubory jsou obrovské. Nebo samozřejmě PDF, což je univerzální formát pro předávání celých dokumentů do tiskárny. A pokud pracujete ve vektorových programech, tak jejich nativní formáty jako AI pro Illustrator.

Lukáš: A co když mám starou fotku na papíře a chci ji dostat do počítače? Tady přichází na řadu skener, že?

Barbora: Ano, skener je zařízení, které převádí analogový obraz na digitální data. Existují ploché skenery, kam položíš předlohu na sklo, a rotační, které se používaly pro nejvyšší kvalitu, kde se předloha upínala na válec.

Lukáš: Jak to funguje? Nějaká magie se světlem?

Barbora: Je to chytrá technologie. U plochého skeneru se pod sklem pohybuje světelný zdroj a snímací hlava s takzvanými CCD senzory. Světlo se odrazí od předlohy, dopadne na senzor, ten vytvoří elektrický náboj podle intenzity světla a ten se pak převede na digitální nuly a jedničky.

Lukáš: Takže řádek po řádku si to „přečte“ celý obrázek. Fascinující, jak se světlo a elektřina mohou proměnit v fotku na mém monitoru.

Barbora: A právě tady je opět důležitá barevná hloubka. Kvalitní skenery snímají s vyšší bitovou hloubkou, aby zachytily co nejvíce informací, a až pak se data převedou do standardního formátu, třeba 24bitového.

Lukáš: Páni, to bylo informací! Takže, abychom si to shrnuli. Máme dva světy: vektorovou grafiku, která je jako matematický recept, ideální pro loga a ilustrace, protože ji můžeme zvětšovat do nekonečna.

Barbora: A pak bitmapovou grafiku, což je mozaika z pixelů, perfektní pro fotky a realistické obrazy, ale musíme si dávat pozor na rozlišení a kvalitu při zvětšování.

Lukáš: Klíčové pojmy jsou rozlišení, tedy počet pixelů, a PPI, jejich hustota, což je zásadní pro tisk. A bitová hloubka, která nám říká, kolik barev může náš obrázek mít.

Barbora: Nezapomeňte také na správné formáty souborů – PNG pro webovou grafiku s průhledností, JPG pro fotky a TIFF nebo PDF pro kvalitní tisk.

Lukáš: Barboro, moc děkuji za skvělé a srozumitelné vysvětlení. Myslím, že teď se na každý obrázek na internetu budu dívat úplně jinak.

Barbora: Rádo se stalo! Je to zábavný svět plný kreativity a technologií.

Lukáš: To rozhodně. A vám, milí posluchači, děkujeme, že jste byli s námi. Slyšíme se zase příště u dalšího dílu Studyfi Podcast. Mějte se hezky!

Barbora: Na shledanou!