Sammenligning af bitmap- og vektorgrafik | Vigtige forskelle

Grafiske data – lige fra enkle billeder til komplekse designlayouts med mange elementer og lag – kan pakkes på mange forskellige måder. Og forskellen mellem de to er meget dybere, end det umiddelbart ser ud til. Alle grafikformater kan opdeles i to grupper – bitmap- og vektorformater.

Bitmap- og vektorgrafik er de to primære måder at vise visuelle oplysninger på. Disse grupper tjener forskellige formål og er beregnet til forskellige designopgaver.

I denne artikel vil vi se på forskellen mellem bitmap- og vektorgrafik – og hvad der er bedst at bruge til forskellige formål.

Rastergrafik

Rastergrafik er repræsentationen af et billede som et gitter af individuelle pixels. Hver af dem har deres egen adresse og er farvet i en bestemt tone. Ved tilstrækkelig god opløsning bliver de enkelte pixels helt usynlige for det menneskelige øje og smelter sammen til et individuelt billede.

Fordi en skærm består af individuelle pixels, viser et bitmapped diagram alle data på en computerskærm. Foto- og videokameraer optager rasterbilleder, fordi sensorer er en matrix af individuelle, lysfølsomme prikker. I bitmap-teknologi udskriver printere – hver dråbe toner er en anden pixel.

Derfor er opløsningen afgørende for “billedets kvalitet” i bitmap-grafik. Jo flere pixel pr. kvadratcentimeter eller tomme – jo mere jævnere virker det visuelle billede.

Hvis du tager et hvilket som helst linsetegningbillede og begynder at forstørre det ved simpel forstørrelse, vil “billedet” på et tidspunkt blive spredt til et gitter af separate punkter-pixels. Urealistisk at se, hvad der er på dem. Det er derfor, det ikke anbefales at skalere pixmaps.

Hvis du f.eks. planlægger at udskrive et firmalogo på et stort lærred – på en plakat, et banner eller et skilt – er det en meget dårlig idé at sende kilden i rastergrafik til trykkeriet. Den faktiske opløsning vil være lille, og lærredsstørrelsen vil være stor. Og logoet vil “gå i opløsning” i separate pixels, hvilket ved nærmere eftersyn virker meget ubehageligt.

Men samtidig bruges bitmap-grafik til at arbejde med forskellige realistiske billeder. Og det er ikke engang kun det faktum, at kameraer optager et billede. Ved at bruge bitmap-grafik kan du fylde billedet med fine detaljer, overgange, halvtoner, skygger og andre elementer, der giver realisme.

Når du ser rastergrafikken, bruger den desuden ikke mange computerressourcer. Det er derfor, at det bruges til at lave hjemmesider, indlejret i forskellige dokumenter og filer. Bitmap-formater er JPEG/JPG, BMP, PNG, TIFF, ICO og mange andre. RAW, hvor “rå” data fra kameraets sensorer gemmes, hører også under denne kategori.

Så lad os opsummere.

Fordelene ved

• Det giver et højt niveau af realisme, fordi det giver dig mulighed for at skabe halvtoner, overgange og andre fine detaljer;

• Kan gengive billeder af enhver kompleksitet, uanset antallet af elementer;

• Ret enkel at se, er meget udbredt og belaster computerens ressourcer minimalt under afspilning.

Ulemper

• Billedets “glathed” afhænger af opløsningen. Jo højere den er, jo mere behageligt for øjet bliver “billedet”;

• Billeder med lille eller mellemstor opløsning er ikke egnede til udskrivning på store lærreder;

• Og i princippet er det bedre, at bitmap-grafik ikke skaleres.

Hvis du planlægger at lave noget “for dig selv” eller redigere fotos eller fotorealistiske grafikfiler, er det bedre at vælge rasterformater. Men de er ikke egnede til udskrivning.

Vektorgrafik

Vektorgrafik indebærer repræsentation af et billede som et sæt matematiske formler. De beskriver placeringen af ankerpunkter og de geometriske former, der forbinder dem. Så i bund og grund er en “vektor” blot en matematisk graf, men en ret kompliceret.

I vektorgrafik beskrives en cirkel f.eks. ved hjælp af to formler. Den første angiver, hvor dens centrum er placeret. Det andet er cirklens radius. I dette tilfælde er referencepunkternes lærred ikke nødvendigvis raster – nul og den maksimale længde af aksen kan angives. Koordinaterne for ankerpunktet beskrives derefter ved hjælp af procentsatserne.

Ved tegning af en cirkel gives computerkommandoen – “Tegn en cirkel med en radius på 10% og centrum med koordinaterne x=12%, y=52.36%”.

Selvfølgelig er beskrivelsen af vektorgrafikken ovenfor – en forenkling, der blev brugt i 1980’erne. Teknologien er lidt mere kompliceret nu, men det generelle princip er stadig det samme.

Vektorgrafik er uden det største problem med raster – det giver dig mulighed for at skalere billedet så meget som du vil. Et “billede” vil hverken miste glathed, skarphed eller skarphed, uanset hvilken skærmflade det vises på – selv på en 23-tommer computerskærm, selv på en 6×3 m stor plakat, selv på et banner, der dækker en 27-etagers bygning (som Samsung-reklamen i Moskva – 80 meter høj, 40 meter bred).

Men du er nødt til at ofre detaljer og realisme. Jo flere “elementer” et “billede” har – jo mere kompleks er det sæt af formler, der beskriver det. Og for at vise et “billede” eller blot tegne det, kræves der mange computerressourcer. Ikke engang i stand til at åbne komplekse vektorbilleder på en ældre bærbar computer.

Denne “vektor”-funktion har resulteret i, at disse formater kun anvendes meget sjældent og – i de fleste tilfælde – på meget specialiserede områder. For eksempel ved design og tegning af tegninger (CAD-systemer som AutoCAD, Compass 3D eller Microsoft Visio bruger vektorer), kortlægning og forskellige ordninger. Desuden anvendes vektorgrafik til trykning og design af reklamemateriale.

I webdesign næsten aldrig brugt vektorgrafik – netop fordi det indlæser computeren, når du ser. Der findes dog et alternativ på dette område – CSS-tegning. Grafisk design kan være baseret på så få linjer, rektangler, cirkler og trekanter som muligt. Men CSS-tegning kræver en høj professionalisme af en webcrawler, ellers er der risiko for at få noget helt psykedelisk ud i output.

Så lad os opsummere.

Fordele

• Ideel til at designe tegninger, diagrammer og kort;

• Gør det nemt at skalere billedet, samtidig med at kvaliteten bevares;

• Giver dig mulighed for at foretage ændringer uden risiko for at “ødelægge tingene”.

Ulemper

• Lav detaljeringsgrad og realisme i de færdige billeder. Eller rettere sagt, du kan opnå høj realisme, men så bliver “billedet” “tungt” på alle måder – herunder tidskrævende computerbehandling;

• Ikke egnet til indlejring i websteder, dokumenter eller andre filer.

Som nævnt ovenfor anvendes vektorgrafik bedst i trykkeriindustrien. Så det giver tilstrækkelig “glathed” og “skønhed” af billedet uanset lærredets størrelse. Til tegne- og fotoprogrammer anbefales en bitmap-tilgang.

Desuden kan vektorgrafik let rasteriseres – dvs. konverteres til et pixelbillede med den ønskede opløsning. Men bitmap til vektor konverteres med vanskeligheder og tab af kvalitet.

Hvad er bedst – raster- eller vektorgrafik?

Så hvis du vil behandle et foto, indlejre et billede på et websted eller et dokument, er det bedre at vælge bitmap-grafik. Det anbefales at tegne tegninger, skemaer og kort i vektorformat samt at lave prepress.

Lad os sammenligne disse to muligheder.

Det er værd at bemærke, at for at forbedre computerens ydeevne (om nødvendigt) er det bedre at bruge vektorgrafik for at forbedre simple billeder med få detaljer – det er en mindre belastning for grafiksubsystemet end med en pixelgengivelse.