Kompjuterska grafika Grafiki formati q Najoptije gledano sve

Kompjuterska grafika

Grafički formati q Najopštije gledano, sve grafičke formate koji se javljaju na Internetu možemo podeliti na: Ø Ø 2 D formate i 3 D formate.

2 D formati v Grafički elementi korišćeni na Web-u su uglavnom u bitmap obliku, s obzirom na slabu podržanost vektorske grafike. v Postoji na stotine formata u kojima se bitmape zapisuju i čitave knjige su napisane o njima. v Osnovne karakteristike svih formata su nivo korišćene kompresije (u skladu sa tim veličina datoteke) i kvalitet slike. v Ovde će biti dat pregled najčešćih formata, sa malo širim osvrtom na najvažnije, koji se upotrebljavaju na Web-u.

2 D formati v Format je način na koji su snimljeni elektronski “delići” koji čine datoteku na računaru. Različiti formati različito struktuiraju ove deliće. v Formati koji se najčešće koriste za distribuciju na Web-u su: Ø Ø Ø GIF JPEG PNG

2 D formati - GIF q Graphics Interchange Format je bitmap, platformskinezavistan format kreiran od strane servisa Compuserve mreže. q GIF podržava do 256 boja (8 bita), a veličina datoteke je određena brojem boja i veličinom piksela. q Veličina datoteke se smanjuje korišćenjem LZW (Lempel. Ziv. Welch) algoritma za kompresiju podataka, bez gubljenja na kvalitetu. q Ovaj algoritam omogućava istovremeno dekompresovanje i učitavanje datoteke.

2 D formati - GIF q Sve ovo čini ovaj format idealnim za korišćenje na Web dokumentima za određene specifične elemente kao što su: Ø Ø Ø dugmad, grafika zasnovana na tekstu ili bilo koja grafika koja ne zahteva 24 -bitnu paletu boja.

2 D formati - GIF q Za razliku od drugih popularnih formata, kao što je JPEG, GIF podržava mnoge veoma korisne osobine: Ø Ø Ø Transparentnost, Interlace mod i GIF Animacije.

2 D formati - GIF v Transparentnost je veoma korisna osobina koja se široko koristi na Web-u. Ø Dizajner je u mogućnosti da jednu od boja proglasi transparentnom ili nevidljivom. v Obično se pozadinska boja proglasi za transparentnu i na taj način se dobijaju veoma dobri efekti jer grafika izgleda kao sastavni deo stranice.

2 D formati - GIF Kod korišćenja ovog efekta mora se voditi računa o nekoliko stvari da bi krajnji rezultat bio zadovoljavajući. v Mora se pažljivo izabrati transparentna boja, da se ne bi desilo da sa pozadinom i neke druge delove slike (sa istom bojom kao pozadinska) učinimo nevidljivim. v Ako transparentna grafika ima primenjen anti-alias efekat videće se okvir oko grafike jer samo jedna boja može biti transparentna. v Rešenje je jedino da se za grafičke elemente koji će biti transparentni ne primenjuje anti-alias efekat.

2 D formati - GIF v Interlace mod je takodje veoma popularan i često u upotrebi na Web-u. v Poznato je da pri učitavanju grafike browser na njeno mesto stavlja prazan okvir, dok se grafika u potpunosti ne prenese. v Ovo, nekad, može da bude prlično dosadno i ne-esteski, pogotovo kada se radi o većim grafičkim datotekama. v Da bi se to sprečilo koristi se interlace mod koji počinje prikazivanje grafike na 1/8 krajnje rezolucije i nastavlja sve dok se čitava datoteka ne prenese i prikaže. v Prikazivanje slike ide u nekoliko prolaza.

2 D formati - GIF v GIF animacija je još jedna, veoma efektna, mogućnost koju pruža ovaj format. v Animacije se prave kao serija GIF slika, koje se prikazuju jedna za drugom i na taj način stvaraju efekat pokreta. v Kreiranje ovakvih datoteka je prilično jednostavno tako da su one široko zastupljene na Web-u kao banneri (služe u reklamne svrhe) ili drugi grafički elementi kojima je svrha da privuku pažnju.

2 D formati - GIF v U radu sa GIF formatom treba koristiti najviše 256 boja, koliko je i podržano. v U suprotnom, može doći do pojave zvane ditering, kada sistem pokušava da u paletu od 256 boja uklopi veći broj boja (16, 7 miliona). v To može da izazove prilično neočekivane i ružne efekte.

2 D formati - JPEG q Joined Picture Expert Group - JPEG ili JPG je format koji je u veoma širokoj upotrebi na Web-u, a naročito za veće slike. q To je takođe format koji se može koristiti na više platformi. q Glavna prednost JPEG formata u odnosu na GIF je korišćenje 16. 7 miliona boja (24 -bita) i primenjeni lossy algoritam kompresije koji višestruko smanjuje veličinu JPEG datoteke, ali utiče na kvalitet slike.

2 D formati - JPEG q Na ovaj način možemo dobiti veoma kvalitetne slike koje nisu mnogo velike, tj. nije im potrebno dosta vremena za učitavanje i baš to je glavni razlog veoma velike popularnosti ovog formata. q Kompresija je metod koji smanjuje veličinu grafičkih datoteka. q Svi grafički elementi na Internetu moraju biti preneseni preko mreže, tako da je kompresija neophodna da bi smanjili vreme učitavanja.

2 D formati - JPEG q Kod štampanja grafike često je veoma bitno da grafika zadrži kvalitet, bez obzira na veličinu datoteke. q U te svrhe je bolje koristiti formate koji upotrebljavaju lossless tehniku kompresije, koja čuva kvalitet slike. q Jedan od takvih formata je TIF (TIFF - Tag Image File Format).

2 D formati - JPEG q Kada se slika kompresuje, izdvajaju se podaci o svakom pikselu iz koda slike i smeštaju se u matricu. q Ideja je da se svakoj boji, koja je korišćena, pridruže svi pikseli koji nose tu boju. q Tako npr. ako imamo crnu liniju, kod bez kompresije bi definisao svaki piksel i njegovu boju, dok bi kompresovan kod uzeo ceo red i dodelio mu crnu boju. q Na ovom primeru je očigledno da bi u drugom slučaju dobili daleko manju datoteku.

2 D formati - JPEG q JPEG format ima još jednu karakteristiku, a to je da se pri snimanju grafike može određivati nivo kompresije koji želimo. q Obično je to dato u skali 1 - 10 ili procentualno 1% - 100 %. q Problem je što se većom kompresijom gubi na kvalitetu slike, tako da se mora voditi računa o odnosu kvalitet kompresija. q Dizajneri Web-a često nađu kompromis tako da se lošiji kvalitet slike izazvan kompresijom ne primećuje na ekranu monitora.

2 D formati - JPEG q Postoje dodaci za postojeći software za obradu slika, koji JPEG formatu daju mogućnosti da se parcijalno prikazuje slika kako se učitava, slično kao Interlace kod GIF formata. q Ovaj oblik JPEG-a se naziva Progressive JPEG.

2 D formati - PNG v Portable Network Grafics Specificaton format je najnoviji format zapisa grafičkih datoteka, optimizovan za upotrebu na Internetu. v Opšte mišljenje je, da je ovaj format budućnost Web grafike. v On predsatavlja kombinaciju najboljih karakteristika GIF i JPEG formata.

2 D formati - PNG v Najvažnije odlike PNG formata su: Ø Podržava grayscale, 8 -bitne, 24 -bitne i 48 -bitne vrste slika. Ø Korišćen je napredan losseless algoritam kompresije, koji daje odlične rezultate. Ø Nivo kompresije se može menjati, a korišćenjem dodatnih filtera za kompresiju (može ih biti pet) postižu se zapanjujući rezultati u smanjivanju veličine komprimovane datoteke.

2 D formati - PNG Ø Varijabilna transparentnost je takođe podržana. § To znači, da za razliku od GIF formata, gde piksel može biti transparentan ili ne, kod PNG-a uvodi 254 nivoa transparentnosti. Ø Koristi se Gama korekcija koja ispravlja razlike u izgledu grafike, koje se javljaju kod različitih platformi. Ø Interlaced način prikazivanja koji je znatno unapređen u odnosu na druge formate koji podržavaju slične načine prikazivanja (GIF i Progressive JPEG).

2 D formati - PNG v Može se zaključiti je da je PNG grafički format superioran među svim formatima koji se koriste na Internetu. v Ali PNG još uvek nije u širokoj upotrebi među korisnicima, a takođe nije podržan u čitačima na pravi način. v Ostaje nada, da će se to u skorije vreme promeniti i da će ovaj format zauzeti visoko mesto, koje po svojim karakteristikama nesumnjivo zaslužuje.

2 D formati q Sledeći formati se uglavnom koriste za štampu: v TIF (Tagged Image Format) je format koji koristi lossless kompresiju podataka ali istovremeno uspeva da sačuva kvalitet slike. v TIF daje prilično male datoteke sa obzirom na kvalitet koji pruža.

2 D formati v EPS (Encapsulated Postscript) koristi postscript jezik štampača koji je razvila firma Adobe. v Ograničenje je da štampač mora podržavati postskript jezik. v U ovom formatu se ne koristi kompresija tako da su datoteke prilično velike.

2 D formati v BMP (Bitmap) je standardni format po kome je cela grupa formata dobila ime. v Takođe ne koristi kompresiju, ali su datoteke u tom formatu opet značajno manje od EPS formata. v Može se reći da je ovo format veoma široko korišćen u Windows okruženju.

2 D formati v PICT (Macintosh Picture File) je standardni format za Macintosh platforme. v Za njega je zanimljivo da može biti vektorski ili rasterski format. v Ne preporučuje se za korišćenje, osim na Mac platformama.

2 D formati v WMF (Windows Meta File) je ekvivalent PICT formatu, samo za Windows platforme. v Takođe podržava i vektorski i rasterski oblik grafike.

3 D formati q Jedna od glavnih karakteristika kod 2 D grafičkih formata je stepen primenjene kompresije. q Ova osobina je kod 3 D formata još izraženija samim tim što su video datoteke višestruko veće, u odnosu na običnu 2 D grafiku.

3 D formati q Primenjuje se kompresija nad: Ø Ø pojedinačnim slikama, kao i nad nizom slika. q Sve tehnike kompresije koriste (Compressor/Decompressor). algoritam "codec" q Stopa kompresije se definiše kao odnos veličine datoteke pre i posle kompresije, i najčešće se kreće od 2: 1 do preko 200: 1.

3 D formati v Različiti 3 D grafički formati se prilično razlikuju, jer daju različit kvalitet animacije i drugu stopu kompresije. v Postavlja se pitanje koji je od njih najbolji? v Odgovor na ovo pitanje je prilično teško dati, pošto zavisi od mnogo faktora kao i od vrste računarske platforme.

3 D formati q U svakom slučaju, najpopularniji su sledeći formati: v AVI ili Video for Windows je format napravljen radi distribucije video materijala u windows okruženju. v Ovaj format dozvoljava nekoliko različitih codec-a za kompresiju datoteke. v U principu, svi ti algoritmi daju veoma slične rezultate, tako da će prosečan korisnik veoma teško primetiti razliku.

3 D formati v Najpopularniji codec-i su: Ø Cinepak - bolji je za kompresiju animacija koje se sastoje od nekoliko boja. Ø Indeo - koristi se za kompresiju video materijala koji sadrži široku paletu boja. v Oba algoritma su lossy, što znači da se kvalitet materijala smanjuje sa većim stepenom kompresije.

3 D formati v Apple Quick. Time - MOV je prvi format koji se pojavio na tržištu, i u suštini je veoma sličan AVI formatu. v Ovaj format je namenjen korisnicima Macintosh platformi. v Takođe koristi Cinepak i Indeo codec-e.

3 D formati v MPEG je najnoviii format na tržištu, ali zbog svojih kvaliteta (zadovoljavajućeg kvaliteta slike i relativno male veličine datoteke) je veoma široko rasprostranjen. v Kod ovog formata algoritam kompresije je unapred zadat i ne može se menjati.

3 D formati v MPEG - 1 kompresija je bazirana na prostornoj i vremenskoj komponenti kompresije. v Vremenska komponenta se oslanja na sličnost dve sukcesivne slike i koristi predviđanje i kompenzaciju pokreta. v Prostorna kompresija usmerena prema otklanjanju monotonih delova u okviru jedne slike (DCT transformacijom, kvantizacijom i entropijskim kodiranjem).

3 D formati v MPEG - 2 je nastao kao odgovor na potrebu za generičkim metodom kodiranja pokretnih slika i uključivanja zvuka. v Bitna razlika u odnosu na predhodni standard je podrška konceptu preplitanja - interlace.

Razlika između vektorske i rasterke grafike q Programi vektorske grafike kreiraju crteže sačinjene od linija i krivih definisanih matematičkim objektima zvanim vektori. q Vektori opisuju grafike prema njihovim geometrijskim karakteristikama. Vektorska slika NE ZAVISI od rezolucije.

Razlika između vektorske i rasterke grafike q Programi rasterske grafike generišu bitmapirane (rasterske) slike koje koriste mrežu kvadratića (tzv. piksela) da bi tu sliku predstavili. q Svakom pikselu je dodeljena lokacija i boja. Bitmapirana slika ZAVISI od rezolucije.