menu
Vektor a bitmapa – jeden design, dva světy
Blog Jan Vilinger

Vektor a bitmapa – jeden design, dva světy Grafická školka, díl první.

Některé věci řešíme při práci denně. Jsou pro nás samozřejmé – ale lidem mimo obor je občas potřebujeme vysvětlit, známe to všichni. A některé z nich vysvětluju pořád dokola. Tak jsem si řekl, že o nich něco napíšu.

Nebylo to poprvé a určitě ne naposledy – přišel email od klienta: „Posílám loga partnerů k rozpracované publikaci." V příloze bylo 6 souborů – jedno pdf, jedno ai, tři jpegy a jeden ppt. Všechny obsahovaly loga, tak proč to nebylo to pravé? Kromě dvou to byly všechno bitmapy — a ještě k tomu poměrně malé.

vektor
bitmapa
Ukázka zvětšování vektorového (vlevo) a bitmapového obrázku. Zoom se aktivuje najetím myši nebo dotykem.

Co je bitmapa

Když si otevřete jakoukoliv fotografii a začnete si ji přibližovat, dříve nebo později to uvidíte – vaše fotka je vlastně mozaika barevných čtverečků – pixelů. Pixel by se s trochou nadsázky dal nazvat atomem obrázku (jen je na rozdíl od atomu opravdu nedělitelný). Každý jeden pixel v bitmapovém obrázku má svou danou pozici a barvu. Tisíce (nebo miliony) takových bodů dohromady tvoří to, co vnímáte jako obraz.

To je bitmapa (nebo taky rastr). Formát, který dobře znáte a nejspíš jste jich už spoustu vytvořili, když jste zmáčkli spoušť svého (digitálního) foťáku.

Má to nějaký háček? Ano – obrázek má přesný rozměr pevně daný počtem jeho pixelů. Když ho zvětšíte nad původní velikost, pixely se roztáhnou. Sice to bude vypadat, že přibyly nové, ale ty se jen dopočítají z těch okolních.

Výsledek znáte: rozmazaný, „kostičkovaný" obraz. Software může hádat, co by tam mělo být (říká se tomu upscaling), ale doplňuje informace, které v souboru nikdy nebyly. Je to jako zvětšovat fotku z novin pod lupou – místo detailu uvidíte jen rastr. (Akorát většinou silně rozmazaný protože program, který vám obrázek zobrazuje se to snaží dopočítat.)

V důsledku: z malého obrázku velkou fotku nevytisknete. A čím větší fotku chcete tisknout, tím vyšší rozlišení musí mít – pro pohlednici alespoň 2 Mpx (2 miliony pixelů), pro A4 už 8 Mpx. S tím roste i velikost souboru.

Přesto je možné vytisknout pětimetrové logo ze souboru, který má sotva pár kilobajtů. Jak? Nepošleme do tiskárny bitmapu, ale vektor.

Co je vektor

Vektor funguje úplně jinak. Nepopisuje každý bod zvlášť, ale pomocí matematických funkcí definuje tvar. Kruh je „střed tady, poloměr tolik". Čára je „beziérova křivka  s danými parametry". Díky tomu nezáleží na tom, jak moc obrázek zvětšíte – vykresluje vždy ostře a přesně, ať je výstup jakkoliv velký.

Žádné pixely, žádná ztráta kvality při zvětšování. Logo v křivkách můžete tisknout na vizitku i na fasádu – a bude vždy stejně ostré. Proto je vektor základní formát pro loga, ikony, typografii a všechno, co potřebuje přesnost bez kompromisů.

Jak poznat co je co?

Když má váš soubor koncovku jpg, jpeg, tiff, png, gif, bmp – je to zaručeně bitmapa.

U dalších formátů (pdf, svg, eps, ai) je to trochu složitější, mohou totiž kromě vektorových dat obsahovat i data bitmapová. Tady vám nezbude, než se spolehnout na své oko a zoom:

Je to ostré bez ohledu na to, jak moc zvětšujete? ➜ Vektor!
Rozmazává se to či „kostičkovatí"? ➜ Bitmapa!

A co když vektorové logo nemám?

Stává se. Logo vzniklo před patnácti lety, nikdo už vlastně neví, kdo ho dělal, firma prošla třemi majiteli a jediné, co zbylo, je logo.jpg z patičky emailu.

Řešení existuje – logo se dá překreslit do křivek. Buď ručně, nebo s pomocí automatických nástrojů, na které ale není dokonalý spoleh. Je to práce navíc, ale dá se to zvládnout.

A co vy? Máte své logo v křivkách, nebo jen ten JPG na webu? Pokud nevíte – máte ve firmě někoho kdo to ví? Nevíte si rady? Napište nám. Pomůžeme to dát do pořádku.

kontakt

Posuňme vaši vizuální komunikaci na vyšší level!

Napište, zavolejte nebo použijte formulář. Domluvíme si osobní či online schůzku, ujasníme si vaše potřeby a možnosti a společně naplánujeme další kroky.
Jan Vilinger
+420 777 103 337
jan@orange5.cz
Hedvika Vilinger Člupná
+420 777 001 178
hedvika@orange5.cz