Vektorska i Bitmap Grafika

Vektorska grafika

• Definirana je matematički.
• Povećavanje bez gubitka kvalitete.
• Relativno manje zauzima memorije.
• Građena je od matematički definiranih krivulja (npr. Bezierove krivulje).
• Trenutno je prednost pred bitmapom u pogledu povećanja i smanjenja bez gubitka kvalitete.
• Datoteke su relativno male, jer se sastoje samo od linija.

Bitmap/piksel grafika

• Gradivni elementi su pikseli.
• Pohranjuje fotorealistične i kompleksne slike.

Bezierove krivulje

• Krivuljni segmenti putanje.
• Temelje se na matematičkim jednadžbama.
• Koordinate se mogu predvidjeti i izračunati na temelju krajnjih točaka i kontrolnih točaka krivulje.

Formati zapisa digitalnih slika

• Vektorska grafika (SVG, PDF, AI, EPS, SWF)
• Bitmap grafika (GIF, JPEG, PNG, WEBP, AVIF)

Prednosti i nedostaci vektorskih datoteka

• Prednosti:*

• Povećavanje bez gubitka kvalitete.

• U većini slučajeva manje veličine od bitmap datoteka.

• Mogu pohraniti tekst, vektorsku i bitmap grafiku, transparencije.

• Nedostaci:*

• Nije dobar za kompleksne fotografije.

• Problemi s kompatibilnošću.

• Problemi s konverzijom.

High Quality Print i Press Quality

• Komprimiranje datoteka za maksimalnu kvalitetu ispisa.
• PDF datoteke za kućne pisače i provjeru boja.
• Postavke za visokokvalitetan tisak (npr. offset tisak).
• Boje se pretvaraju u CMYK.

Novi formati

• WebP, AVIF, HEIF
• Zajedničke prednosti: uglavnom bolja kompresija uz veću kvalitetu.
• Zajednički nedostatak: nekompatibilnost sa sustavima i aplikacijama.

Povezane ili integrirane slike

• Prednosti povezanih datoteka:*

• Manja datoteka

• Uređivanje zahtijeva sve popratne datoteke

• Nedostaci povezanih datoteka:*

• Izmjena naziva datoteke ili mape prekida vezu.

• Prednosti integriranih datoteka:*

• Sve popratne datoteke uključene u dokument

• Nedostaci integriranih datoteka:*

• Veća datoteka

• Moguć sporiji rad aplikacije

• Ovisno o broju i karakteristikama datoteka

Optimiziranje i spremanje web grafika

• Integracija teksta i grafika.
• Optimizacija veličine slike: kompresija, manje dimenzije, manja rezolucija, manje boja.

Tracing - vektorizacija

• Postupak pretvorbe bitmap slike u vektorsku.
• Može biti ručno ili automatski.
• Primjer automatske vektorizacije je Image Trace u Illustratoru.

Adobe Illustrator > Image Trace

• Prednosti:*

• Brza izrada vektorske grafike.

• Minimalno poznavanje vektorske grafike potrebno.

• Nedostaci:*

• Hardverski zahtjevno.

• Često neprecizno.

• Često potrebna dodatna obrada.

Formati zapisa bitmap datoteka

• Prednosti:*

• Veliki raspon boja, pogodni za kompleksne fotografije

• Nedostaci:*

• Gubitak kvalitete prilikom povećanja (pikselizacija).

• Različite razine kompresije.

Ovaj kviz pokriva osnovne razlike između vektorske i bitmap grafike. Istražujemo definicije, primjere formata te prednosti i nedostatke svake vrste grafike. Provedite testiranje svojih znanja o grafičkim formatima i matematičkim osnovama Bezierovih krivulja.