Vektor- och Bitmappgrafik

Vektorbild Bitmappbild

Grafik som framställs på en dator består huvudsakligen av två typer:

VEKTORGRAFIK

är uppbyggd av linjer och kurvor som definieras med hjälp av matematiska objekt som kallas "vektorer". I en vektorbild beskrivs bilden utifrån sina geometriska egenskaper. Bokstaven "A" i exemplet ovan är till exempel uppbyggt av en matematisk definition av en cirkel med en viss radie, ett visst läge och en viss färg. Du kan flytta bokstaven, ändra storlek på det och ändra färgen utan att bildkvaliteten försämras.
Exempel på vektorgrafik är tex "Clipartbilder" som används i olika typer av program.

BITMAPPGRAFIK

består av ett stort antal punkter sk "bitmappar", kallas också för punkt- eller rastergrafik. I dessa bilder används ett rutnät med färgpunkter som brukar kallas pixlar för att representera bilderna. Varje pixel har tilldelas en plats och ett färgvärde. Bokstaven "A" i exemplet ovan som en punktbild är alltså uppbyggt av en hel mosaik av pixlar. När du arbetar med punktuppbyggda bilder redigerar du alltså pixlar snarare än objekt eller former.

OBS! Eftersom bildskärmar återger bilder med hjälp av ett raster visas både vektor- och punktinformation som pixlar på skärmen, för att se skillnaden i kvalitet kan du då tex skriva ut ditt jobb. Vid utskrifter blir punktuppbyggda bilder "suddiga" och lite oskaprpa medan vektorbilder blir skarpa och tydliga.

Vektorbild

Fördelen med vektorgrafik är att de är skalbara utan att tappa kvalitet. Du kan alltså förstora och förminska bilden utan synbar försämring. Lagringsstorleken är också liten för vektorbilder jämfört med bitmapbilder. Vektorgrafik används framförallt till utskrifter och trycksaker för att få skarpa och tydliga kanter/konturer på texter, logotyper etc.

Nackdelen med vektorgrafik är att den inte kan användas till tex fotografier eftersom de innehåller för mycket färginformation. Vektorgrafik används alltså framför allt till tecknade illustrationer.

Exemplen nedan visar vektorgrafik i originalstorlek 100% och i fyra gångers förstoring.

100 %

400%

Bitmappbild

En bitmappbild är som namnet anger uppbyggt av ett stort antal bitmappar/punkter. Varje punkt innehåller färginformation. Ju större bilden är desto fler punkter består den av. Bitmappbilder är upplösningsberoende, vilket innebär att de bara kan innehålla ett visst antal pixlar. De kan därför förlora skärpa och ge ett taggigt intryck på skärmen om de förstoras eller om de skrivs ut med lägre upplösning än vad de skapades för.

Om en bitmappbild förstoras så läggs normalt inte fler punkter till för att täcka den förstorade ytan, varje punkt blir istället större. Det gör att bilden blir "grynig" och ser sämre ut. För att motverka det använder bildbehandlingsprogrammen sk "Interpolering" vilket innebär att det fyller ut med pixlar i liknande färger för att täcka den förstorade ytan. Resultatet blir oftast "suddigt" som du kan se i exemplet nedan i 100% och med fyra gångers förstoring.

100%

400%
(utan interpolering)

400%
interpolerat

Vektor- och bitmappbilder i Illustrator

Normalläget i Illustrator är naturligtvis att arbeta i vektorformat eftersom det är programmets styrka. Du kan arbeta med bitmappbilder i programmet men då måste vara "inbäddade" i dokumentet och inte "länkade". Nackdelen då är att dokumentets lagringsstorlek ökar dramatiskt. Om du bara använder bitmappbilderna som de är i dokumentet bör du länka dem när du monterar dem. Tänker du däremot bearbeta bitmappbillden vidare i Illustrator så måste de bäddas in.

Undvik att rastrera en vektorbaserad bild om det inte är absolut nödvändigt eftersom bilden då förlorar de egenskaper den hade som en vektorbaserad bild. All storleksförändring av bilden påverkar på pixlar istället för vektorer/kurvor vilket försämrar bilden kvalitet. OBS! att fotografier i bra kvalitet alltid är uppbyggda av punkter dvs är bitmappbilder.

I exemplet nedan ser du en stjärnform både i vektor och bitmappformat. Du kan även se att den vänstra vektorformen har annan markering vid arbete än bitmappbilden. Du ser tydligt de redigerbara "handtagen" som du kan påverka bildens utseende med.

Vektor- och bitmappform
i originalstorlek.

Vektor- och bitmappform i 300% förstoring
Notera att bitmappbildens pixlar är 3 gånger större
och att vektorbilden är perfekt i kanterna.