Porovnanie bitmapovej a vektorovej grafiky | Dôležité rozdiely

Grafické údaje – od jednoduchých obrázkov až po zložité rozloženia dizajnu s mnohými prvkami a vrstvami – možno zabaliť rôznymi spôsobmi. Rozdiel medzi nimi je oveľa väčší, než sa na prvý pohľad zdá. Všetky grafické formáty možno rozdeliť do dvoch skupín – rastrové a vektorové.

Bitmapová a vektorová grafika sú dva hlavné spôsoby reprodukcie vizuálnych informácií. Tieto skupiny slúžia na rôzne účely a sú určené na rôzne konštrukčné úlohy.

V tomto článku sa pozrieme na rozdiel medzi bitmapovou a vektorovou grafikou a na to, čo je lepšie na rôzne účely.

Rastrová grafika

Rastrová grafika predstavuje obrázok ako mriežku jednotlivých pixelov. Každý z nich má svoju vlastnú adresu a je zafarbený v určitom tóne. Pri dostatočnom rozlíšení sa jednotlivé pixely stávajú pre ľudské oko úplne neviditeľnými a spájajú sa do samostatného obrazu.

Práve v bitmapovej grafike sa údaje zobrazujú na obrazovke monitora – pretože displej sa skladá z jednotlivých pixelov. Bitové mapy sa používajú vo fotografických a videokamerách, pretože snímače sú maticou jednotlivých senzorov citlivých na svetlo. Tlačiarne tlačia rastrovo – každá kvapka tonera predstavuje iný pixel.

Preto je rozlíšenie rozhodujúce pre „kvalitu obrazu“ v bitmapovej grafike. Čím viac pixelov na štvorcový centimeter alebo palec – tým „hladší“ sa zdá byť obraz.

Ak vezmete ľubovoľný lentikulárny obrázok a začnete ho zväčšovať jednoduchým priblížením, v určitom okamihu sa „obraz“ rozpadne na mriežku samostatných pixelov. Bolo by takmer nemožné pochopiť, čo sa na nich nachádza. Preto sa neodporúča škálovať bitmapovú grafiku.

Ak máte napríklad v úmysle vytlačiť logo spoločnosti na veľké plátno – na billboard, banner alebo nápis – potom by bolo veľmi zlé posielať tlačiarni zdroj v rastri. Skutočné rozlíšenie bude malé a veľkosť webu bude veľká. A logo sa „rozpadne“ na jednotlivé pixely, ktoré pri detailnom pohľade vyzerajú veľmi nepríjemne.

To znamená, že pri práci s rôznymi realistickými obrázkami sa používa bitmapová grafika. A nie je to len tým, že fotoaparáty snímajú v rastri. Použitie bitmapovej grafiky umožňuje nasýtiť obrázok jemnými detailmi, prechodmi, poltónmi, tieňmi a ďalšími prvkami, ktoré zabezpečujú realistickosť.

Bitmapové obrázky sú pri prezeraní menej náročné na zdroje počítača. Preto sa používa pri tvorbe webových stránok a je vložený do rôznych dokumentov a súborov. Bitmapové formáty sú JPEG/JPG, BMP, PNG, TIFF, ICO a mnohé ďalšie. RAW, ktorý ukladá „surové“ údaje zo snímačov fotoaparátov, tiež patrí medzi ne.

Zhrňme si teda.

Výhody

• Poskytuje vysoký stupeň realizmu, pretože môžete dosiahnuť poltóny, prechody a ďalšie jemné detaily;

• Dokáže reprodukovať obrazy akejkoľvek zložitosti bez ohľadu na počet prvkov;

• Pomerne jednoduché zobrazenie, veľmi široké použitie a minimálna záťaž na počítačové zdroje pri hraní.

Nevýhody

• „Hladkosť“ obrazu závisí od rozlíšenia. Čím je vyššia, tým je „obraz“ príjemnejší pre oko;

• Obrázky s malým alebo stredným rozlíšením nie sú vhodné na tlač na veľké plátna;

• A v zásade je lepšie bitmapovú grafiku neškálovať.

Ak teda plánujete robiť niečo „pre seba“ alebo upravovať fotografie či fotorealistické grafické súbory, je lepšie zvoliť bitmapové formáty. Nie je však vhodný na tlač.

Vektorová grafika

Vektorová grafika znamená reprezentáciu obrazu ako súboru matematických vzorcov. Opisujú polohu kotevných bodov a geometrických útvarov, ktoré ich spájajú. „Vektor“ je teda v podstate len matematický graf, ale pomerne komplikovaný.

Napríklad nejaký kruh vo vektorovej grafike je opísaný dvoma vzorcami. Prvý z nich ukazuje, kde sa nachádza stred obrazu. Druhým je polomer kruhu. Plátno referenčných bodov nemusí byť nevyhnutne rastrový obraz – možno určiť nulovú a maximálnu dĺžku osi. V tomto prípade sú súradnice referenčného bodu opísané percentami.

Pri kreslení kruhu počítač dostane príkaz – „Nakresli kruh s polomerom 10 % a stredom so súradnicami x = 12 %, y = 52.36%“.

Uvedený opis vektorovej grafiky je samozrejme zjednodušený a používa sa od 80. rokov minulého storočia. Technológia je teraz o niečo dokonalejšia, ale všeobecný princíp zostáva rovnaký.

Vektorová grafika je zbavená hlavného problému rastra – umožňuje vám bezpečne škálovať, ako len chcete. „Obraz“ nestratí na hladkosti, ostrosti ani ostrosti bez ohľadu na to, na akom plátne sa objaví – aspoň na 23-palcovej obrazovke počítača, hoci na billboarde 6×3 metre, hoci na banneri, ktorý uzatvára 27-poschodovú budovu (ako reklama Samsung v Bratislave – výška plátna 80 metrov, šírka 40 metrov).

Zároveň je však potrebné obetovať detaily a realizmus. Čím viac „prvkov“ v „obraze“, tým zložitejší je súbor vzorcov, ktoré ho opisujú. A zobrazenie „obrázka“ alebo len jeho nakreslenie si vyžaduje veľa počítačových zdrojov. Zložité vektorové obrázky na staršom notebooku sa ani neotvoria.

Táto vlastnosť „vektora“ viedla k tomu, že tieto formáty sa používajú veľmi zriedkavo a vo väčšine prípadov vo veľmi špecializovaných oblastiach. Napríklad pri navrhovaní a kreslení výkresov (CAD systémy ako AutoCAD, Compass 3D alebo dokonca Microsoft Visio používajú vektory), mapovaní a rôznych schémach. Okrem toho sa vektorová grafika používa pri tlači a navrhovaní reklamy.

Vektorová grafika sa vo webovom dizajne takmer nepoužíva – práve kvôli záťaži, ktorú predstavuje pre počítač pri zobrazovaní. V tejto oblasti má však alternatívu – výkresy CSS. V tomto prípade sa grafika na stránke skladá z čo najväčšieho počtu jednoduchých tvarov: čiar, obdĺžnikov, kruhov a trojuholníkov. Kreslenie CSS si však vyžaduje vysokú úroveň profesionality webového kódera, inak hrozí, že na výstupe bude niečo absolútne psychedelické.

Ak to teda zhrnieme.

Výhody

• Ideálne na navrhovanie výkresov, schém a máp

• Umožňuje vám ľahko zmenšiť obrázok pri zachovaní jeho kvality;

• Umožňuje vykonávať úpravy bez rizika, že niečo „pokazíte“.

Nevýhody

• nižšia úroveň detailov a realizmu na hotových snímkach. Presnejšie, môžete dosiahnuť vysoký realizmus, ale potom bude „obraz“ „ťažký“ vo všetkých ohľadoch – vrátane dlhého spracovania počítačom;

• Nevhodné na vkladanie do webových stránok, dokumentov alebo iných súborov.

Ako bolo uvedené vyššie, vektorová grafika sa najlepšie používa v grafike. Potom poskytne dostatočnú „hladkosť“ a „krásu“ obrazu bez ohľadu na veľkosť plátna. Na kreslenie a spracovanie fotografií sa však odporúča obmedziť prácu na bitmapové.

Okrem toho sa vektorová grafika ľahko rastruje, t. j. konvertuje na pixelový obraz s požadovaným rozlíšením. Prevod z rastra na vektor je náročný.

Čo je lepšie – rastrová alebo vektorová grafika?

Ak teda chcete spracovať fotografiu alebo vložiť obrázok na webovú stránku či do akéhokoľvek dokumentu, bitmapová grafika je tou správnou voľbou. Vektorová grafika sa odporúča pre výkresy, schémy a mapy, ako aj pre predtlačovú prípravu.

Porovnajme tieto dve možnosti.

Stojí za zmienku, že na zlepšenie výkonu počítača (ak je to potrebné) jednoduchých obrázkov s malými detailmi je lepšie použiť vektorovú grafiku – menej zaťažuje grafický subsystém ako pri vykresľovaní pixelov.