Digital grafik

Hvordan kan man se billeder på en computerskærm?

Skal man meget kort beskrive en computerskærms funktionsmåde, så består den af en lyskilde (elektronkanon/katodestrålerør) og en masse prikker (pixels) på skærmen. I computeren sker der en organisering af disse pixels, så de er placeret i et x-y-koordinatsystem ligesom et skakbræt. På den måde kan hver pixels position angives som et koordinatsæt. Det farvesystem, som man anvender, kaldes det additive farvesystem - additiv fordi de resulterende farver fremkommer ved en blanding af tre farver: rød, grøn og blå. Systemet kaldes også for RGB-systemet.

Tung grafik
Hvis du har prøvet at arbejde med mangefarvet grafik på en computer, ved du, at det går meget langsomt - med mindre computeren har meget RAM (hukommelse), specielt den type der kaldes Video Ram eller VRAM (Video Random Access Memory). Grunden til, at det går så langsomt, er, at computeren er nødsaget til at afsætte noget hukommelse til at styre farven af hver enkelt pixel på skærmen.

Computerskærmens farvedybde
Hvis computeren kun afsætter 1 bit hukommelse (VRAM) per pixel, kan systemet kun vise to farvetilstande per pixel - f.eks. sort og hvidt - og man taler om 1 bit farvedybde.

Dette kræver lidt forklaring: 1 bit er den mindste dataenhed eller hukommelsesenhed, og den kan antage to værdier, 0 eller 1, i det binære talsystem, som computeren anvender. Du kan sammenligne en bit med en lyskontakt, som kan have to positioner/værdier: tændt (1) eller slukket (0).

Hvis du bruger 2 bits, kan hver bit have 2 værdier, og sammen kan de have 2 x 2 = 4 værdier ( [00],[01],[10],[11] ) eller i dette tilfælde 4 farver. For et 8 bit (= en byte) system kan hver pixel antage 256 (= 2 x 2 x 2 x 2 x 2 x 2 x 2 x 2) farver og man taler om en 8 bit farvedybde. 24 bits kan repræsentere 16 millioner farver/farvetilstande, og 32 bits over 1 milliard farvetilstande.

Hvad er skærmopløsning?
Skærmopløsning er defineret som det antal pixels per tomme, som en skærm kan vise. De fleste skærme har en opløsning på 72 (op til 96) pixels per tomme (ppi = pixels per inch). Her skal du bemærke, at der er tale om antal pixels per lineær tomme og altså ikke per kvadrattomme. Når du fremstiller grafik til internettet, skal du derfor fremstille det i en opløsning på 72 ppi for at få den optimale kvalitet til visning på en computerskærm. Hvis det derimod er meningen, at din grafik skal printes ud, kan du med fordel anvende en højere billedopløsning (op til 150 ppi).

Skærmstørrelse
Når du laver web-design, er du nødt til at tilpasse dit design til en bestemt skærmstørrelse. Hvis dit design ses på en mindre skærm, end det er designet til, vil surferen være nødsaget til at scrolle for at se hele siden. Ofte sidder man som designer og arbejder på en 21"-skærm, men man skal huske på, at de flest surfere i dag kun har en 17"-skærm, som har et skærmformat på 800 x 600 pixels. Skærer man arealet af til browseren m.m. får du et designareal på 760 x 420 pixels til rådighed.

Billedstørrelse
Når du angiver et billedes størrelse, gør du det i pixels: antal pixels i bredden x antal pixels i højden. Et billede, der er 200 pixels bredt og 400 pixels højt, omtales derfor som et 400 x 200 billede.

Hvilke billedtyper findes der, når man taler om digital grafik?

Man opererer med to typer: a) bitmap-billeder og b) vektorbaserede billeder.

Bitmap-billeder
Den mest almindelige billedtype er bitmap-billeder, hvor billedinformationerne indeholder en nøjagtig beskrivelse af hver enkelt pixels position og farve.
Jo større billedet er, og jo større farvedybde der er i billedet, des flere billedinformationer kræves der, for at computeren kan skabe billedet. En af fordelene ved bitmap-billeder er, at de er gode til at gengive variationer i farven. En ulempe er, at bitmap-billeder er afhængige af billedopløsningen, da ethvert bitmap-billede indeholder et fastlagt antal pixels. Det betyder, at du får et billede, der ser takket ud i kanterne, hvis du forstørrer det.

Vektorbilleder
I vektorbaserede billeder består billedet af linier og kurver, som udtrykkes matematisk ved hjælp af såkaldte vektorer. Det betyder, at computeren ikke behøver at få så mange billedinformationer tilført for at kunne skabe billedet, da den selv kan beregne de fleste informationer. Vektorbaserede billeder fylder derfor langt mindre end bitmap-billeder. Det er også den fordel ved vektorbaserede billeder, at du kan forstørre dem, uden at billedkvaliteten forringes. Derimod er vektorbaserede billeder ikke velegnede til at gengive fotografiske billeder med mange nuancer. Derfor bør du kun anvende denne billedtype til skarpt afgrænsede former med færre farver eller gråtoner - f.eks. typografi og tegninger.

Hvad forstår man ved komprimering?

Som nævnt kræves der meget store mængder billedinformationer for at definere bitmap-grafik. Dette resulterer i store filer og en lang downloadtid. Det har derfor været nødvendigt at udvikle forskellige metoder til komprimering af grafikfilerne, så de fylder så lidt som muligt.

Filformater
Der findes forskellige filformater eller filtyper, som gør brug af forskellige komprimeringsmetoder. Det er vigtigt at lægge mærke til, at filformater ikke er det samme som billedtyper. Inden for bitmap-billeder er der f.eks. forskellige filformater. De to mest almindelige filformater i Webgrafik er gif og jpeg, og det nyeste filformat er png. I Windows identificeres filtyperne ved at tilføje et punktum + et "efternavn" bestående af 3 (eller 4) bogstaver - f.eks. "billede.gif" eller "billede.jpeg". På Mac-computere bruges fil-efternavne ikke til at angive filformater. I stedet indsættes der i selve billedfilen en fil, som beskriver filformatet samt det program, som har dannet filen. Men da browsere og servere anvender disse efternavne til at læse filen, skal de altid tilføjes - uanset om man anvender PC eller Mac.

Hvad er gif-formatet?
Gif-filer er nok det mest almindelige filformat til grafik på internettet, og det navngives med endelsen ".gif", som er en forkortelse for Graphics Interchange Format. Jo færre farver der er i billedet, des mere effektiv er gif-komprimeringsmetoden. Det betyder bl.a., at gif'er er specielt velegnede til grafik med store ensfarvede flader. En begrænsning ved gif er, at de kun kan håndtere 256 farver. I gif-formatet (i version 89a), kan man definere en enkelt farve til at være transparent dvs. gennemsigtig. Transparens anvendes specielt, når man ønsker, at baggrundslærredet skal være gennemsigtigt.

Hvad er jpeg-formatet?
Den anden komprimeringsmetode resulterer i jpeg-filer, som navngives med filendelsen ".jpg" eller ".jpeg", som er en forkortelse for Joint Photographic Experts Group. jpeg-formatet er velegnet til grafik med mange nuanceforskelle, som fotografier, men der er problemer med at gengive områder med høj kontrast. Formatet kan håndtere millioner af farver, men ikke transparens.

Hvad er png-formatet?
Portable Network Graphic er det nyeste bitmap-filformat, som er specielt udviklet til brug på internettet. Selvom png forener de bedste egenskaber fra jpeg og gif, kan det ikke anbefales, at du anvender det på nuværende tidspunkt, da det endnu ikke er fuldt understøttet af de gængse browsere.