Zvětšíte obrázek a místo ostrých hran vidíte jen rozmazané čtverečky? Gratulujeme, právě jste objevili rozdíl mezi pixely a vektory na vlastní kůži. Vektorová grafika zůstává ostrá při jakémkoli zvětšení, rastrová grafika se naopak rozpadá na jednotlivé body. Víte, kdy použít JPG a kdy raději SVG? Naučíme vás poznat správný formát na první pohled a popíšeme, jak se vyhnete nejčastějším chybám při přípravě grafiky pro tisk nebo web.
Co je rastrová grafika a jak funguje
Rastrová grafika pracuje s obrazovými body, kterým říkáme pixely. Představte si ji jako mozaiku složenou z tisíců nebo milionů barevných čtverečků. Každý pixel má přesně definovanou barvu a pozici, a právě jejich kombinace vytváří finální obraz.
Nejčastěji se s rastrem setkáte u fotografií. Když vyfotíte krajinu mobilem, fotoaparát zachytí scénu jako mřížku pixelů – každý obsahuje informaci o konkrétní barvě a jasu. Čím víc pixelů obrázek obsahuje, tím vypadá detailněji a kvalitněji.
Typické formáty rastrové grafiky:
- JPG – nejrozšířenější formát pro fotografie, komprimuje data a šetří místo.
- PNG – podporuje průhlednost, ideální pro webovou grafiku.
- GIF – animované obrázky a jednoduché ilustrace.
- BMP – nekomprimovaný formát s velkým datovým objemem.
- TIFF – formát pro profesionální využití, tisk a archivaci.
Problém nastává ve chvíli, kdy rastrový obrázek zvětšujete. Protože každý pixel má pevnou velikost, při zvětšení se jednotlivé čtverečky stávají viditelnými. Obrázek ztrácí ostrost a vzniká efekt, kterému se říká rozkostičkování nebo pixelace. Vaše logo najednou vypadá jako osmdesátková videohra.
Co je vektorová grafika a proč neztrácí kvalitu
Vektorová grafika funguje na principu matematických rovnic. Místo ukládání informací o každém jednotlivém pixelu definuje objekty pomocí bodů, čar a křivek. Když chcete nakreslit kruh, vektor neuloží miliony pixelů, ale jednoduchou rovnici: „kruh se středem v bodě XY a poloměrem Z“.
Tady přichází zásadní výhoda – vektorový obrázek si při každém zvětšení nebo zmenšení křivky přepočítá. Software podle matematických vzorců znovu vykreslí tvar v požadované velikosti, přičemž ostrost a kvalita zůstávají identické. Logo ve vektorové grafice vypadá stejně ostře na vizitce i na billboardu vysokém tři metry.
Běžné vektorové formáty:
- AI – neznamená v tomto případě umělou inteligenci, leč nativní formát Adobe Illustrator.
- SVG – škálovatelná grafika ideální pro web.
- EPS – univerzální formát pro profesionální tisk.
- PDF – dokument obsahující vektory (nebo někdy kombinaci s rastrem).
- CDR – proprietární formát CorelDRAW.
Vektorová grafika vyniká především u log, ikon, ilustrací, technických výkresů a veškerých materiálů určených pro tisk. Díky matematické povaze zabírá výrazně méně místa než rastrové soubory – jednoduchý tvar definujete pár čísly místo tisíců pixelů. Editace probíhá intuitivně, každý prvek upravujete samostatně bez ovlivnění zbytku kresby.
Kdy použít rastr a kdy vektor – praktické příklady
Posíláte logo do tiskárny a místo ostrého výsledku dostanete rozmazanou skvrnu? Pravděpodobně jste poslali JPG nebo PNG. Tiskárna potřebuje vektorový soubor – nejlépe AI, EPS nebo PDF s křivkami. Když tiskař zvětší rastrové logo z vizitky na plakát A1, pixelace se stane neúprosně viditelnou.
Pokud upravujete firemní fotografie pro webovou prezentaci, rastrová grafika ve formátu JPG nebo PNG dává perfektní smysl. Fotografie s realistickými detaily, přechody a texturami vektory nezvládnete. Zkuste si vektorově nakreslit portrét – strávíte nad ním hodiny a výsledek bude vypadat uměle.
Vektorová grafika dominuje všude, kde potřebujete škálovatelnost: firemní loga, ikony pro aplikace, ilustrace do brožur, potisky triček, polepy aut, reklamní bannery. Prostě cokoliv, co se objeví v různých velikostech a musí zůstat ostré. Pro složité grafické návrhy kombinující více prvků sáhnete po vektorech, protože každý objekt upravujete samostatně.
Jak poznat, jestli máte správný formát
Nejjednodušší test – otevřete si soubor a zkuste ho výrazně přiblížit:
- Objeví se hranaté čtverečky a rozmazané hrany? Máte rastr.
- Obrázek zůstává dokonale ostrý bez ohledu na zoom? Gratulujeme, máte vektor.
Alternativně zkontrolujte příponu souboru. JPG, PNG, GIF, BMP, TIFF = rastr. AI, SVG, EPS, CDR = vektor. PDF bývá záludné – obsahuje buď vektory, nebo naskenované rastrové obrázky, případně jejich kombinaci.
Pokud dostanete logo v rastrovém formátu a potřebujete ho vytisknout na velkoformát, nechejte ho převést grafikem na vektorovou verzi. Automatické konverze existují, ale kvalitní výsledek vyžaduje ruční překreslení v programech jako Adobe Illustrator nebo CorelDRAW.
Tip: Plánujete práci s firemním logem pro tisk? Zjistěte, jestli máte k dispozici vektorovou verzi loga ve správném formátu pro profesionální tisk.
Jak mít jistotu?
Investice do správně připravené vektorové grafiky se vyplatí už při prvním tisku vizitek. Ušetříte si opakované návštěvy tiskárny, reklamace nekvalitních výtisků a nervozitu z toho, že vaše logo vypadá amatérsky. Vektory vytvoříte jednou a použijete stokrát v jakékoliv velikosti – právě to je jejich největší síla.
Zdroj obrázku: AbstractZone / stock.adobe.com
