Jämför bitmappgrafik och vektorgrafik | Viktiga skillnader

Grafiska data – allt från enkla bilder till komplexa designlayouter med många element och lager – kan paketeras på olika sätt. Skillnaden mellan de två är mycket djupare än vad som först verkar. I synnerhet kan alla grafikformat delas in i två grupper – raster- och vektorformat.

Bitmap- och vektorgrafik är de två viktigaste sätten att återge visuell information. Dessa grupper har olika syften och är avsedda för olika konstruktionsuppgifter.

I den här artikeln tittar vi på skillnaden mellan raster- och vektorgrafik – och vad som är bäst att använda för olika ändamål.

Rastergrafik

Rastergrafik innebär att en bild representeras som ett rutnät av separata pixlar. Var och en av dem har sin egen adress och är färgad i en viss ton. Vid tillräcklig upplösning blir enskilda pixlar helt osynliga för det mänskliga ögat och smälter samman till en enda bild.

Det är i bitmappgrafik som data visas på skärmen – eftersom bilden består av enskilda pixlar. Kameror tar rasterbilder eftersom sensorerna består av en matris av enskilda ljuskänsliga punkter. Rastergrafik är det som skrivare skriver ut – varje tonerdroppe är en enskild pixel.

Det är därför upplösningen är avgörande för ”bildkvaliteten” i bitmapgrafik. Ju fler pixlar per kvadratcentimeter eller tum, desto jämnare är bilderna.

Om man tar en linsbild och börjar skala upp den genom att zooma in, kommer ”bilden” vid något tillfälle att upplösas till ett rutnät av separata pixlar. Det är nästan omöjligt att se vad som finns på dem. Det är därför det inte rekommenderas att skala bitmappgrafik.

Om du till exempel har för avsikt att skriva ut en företagslogotyp på en stor duk – på en affisch, banner eller skylt – är det en mycket dålig idé att skicka källan i rastergrafik till tryckeriet. Den faktiska upplösningen blir liten och duken stor. Logotypen kommer att ”sönderfalla” i enskilda pixlar, vilket på nära håll kommer att se mycket obehagligt ut.

Det är dock bitmappgrafik som används för alla typer av realistiska bilder. Och det beror inte bara på att kameror tar upp i rasterformat. Genom att använda rastergrafik kan bilden fyllas med fina detaljer, övergångar, halvtoner, skuggor och andra funktioner som ger bilden ett realistiskt utseende.

Dessutom belastar bitmappgrafik datorns resurser minimalt när den visas. Det är därför den används vid skapandet av webbplatser, inbäddad i olika dokument och filer. Bitmappade format är JPEG/JPG, BMP, PNG, TIFF, ICO och många andra. RAW, som lagrar ”rå” data från kamerans sensorer, tillhör också denna kategori.

Låt oss sammanfatta.

Fördelar

• Ger hög realism eftersom du kan uppnå halftoner, övergångar och andra fina detaljer;

• Kan återge bilder av alla komplexa slag, oavsett antalet element;

• Den är ganska enkel att visa, används i stor utsträckning och belastar datorns resurser minimalt vid uppspelning.

Nackdelar

• Bildens ”jämnhet” är en funktion av upplösningen. Ju högre den är, desto mer tilltalande blir bilden för ögat;

• Bilder med liten eller medelhög upplösning lämpar sig inte för tryckning på stora dukar;

• Och i princip är det bättre att bitmappgrafik inte skalas.

Så om du planerar att göra något ”för dig själv” eller redigera foton eller fotorealistiska grafikfiler är det bättre att välja bitmappformat. Men de är inte lämpliga för tryckning.

Vektorgrafik

Vektorgrafik innebär att en bild representeras som en uppsättning matematiska formler. De beskriver placeringen av ankarpunkter och de geometriska former som förbinder dem. Det vill säga, en ”vektor” är i princip bara en matematisk graf, men den är ganska komplicerad.

En cirkel i vektorgrafik beskrivs till exempel med två formler. Den första visar var dess centrum är beläget. Den andra är en cirkel med radie. Referenspunktsduken är inte nödvändigtvis ett raster – en noll- och en maximal axellängd kan anges. Därefter beskrivs ankarpunktens koordinater med hjälp av procentsatser.

När du ritar en cirkel får datorn kommandot ”Rita en cirkel med en radie på 10 % och ett centrum med koordinaterna x=12 %, y=52″.36%”.

Ovanstående beskrivning av vektorgrafik är naturligtvis en förenkling av den beskrivning som användes på 1980-talet. Tekniken är lite mer sofistikerad i dag, men den allmänna principen är densamma.

Vektorgrafik saknar det största problemet med raster – den skalar fritt så mycket som du vill. ”Bilden” kommer inte att förlora varken jämnhet, skärpa eller skärpa oavsett på vilken duk den visas – även på en 23-tums datorskärm, även på en reklamskylt 6×3 meter, eller på en banner som täcker en 27-våningsbyggnad (som reklamen Samsung i Stockholm – höjd 80 meter, bredd 40 meter).

Men den måste göra avkall på detaljer och realism. Ju fler ”element” en ”bild har” – desto mer komplex är den uppsättning formler som beskriver den. Och det krävs många datorresurser för att visa eller trivialisera ”bilden”. Sofistikerade vektorbilder kan inte ens öppnas på en äldre bärbar dator.

Denna särart hos ”vektorn” har lett till att dessa format används mycket sällan och i de flesta fall på mycket specialiserade områden. Till exempel vid utformning och ritning av ritningar (CAD-system som AutoCAD, Compass 3D eller till och med Microsoft Visio använder vektorer) och vid ritning av kartor och olika system. Dessutom används vektorgrafik i tryckning och reklamdesign.

Vektorgrafik används nästan aldrig i webbdesign, bara för att den är tung för datorn när du tittar på den. Det finns dock ett alternativ på detta område – CSS-ritning. I det här fallet består sidans grafiska komponent av de enklaste möjliga formerna – linjer, rektanglar, cirklar och trianglar. Men CSS-ritning kräver en hög nivå av professionalism när det gäller layout av webbsidor, annars riskerar du att få något helt psykedeliskt i resultatet.

Sammanfattningsvis kan man alltså säga följande.

Fördelar

• Perfekt för att skapa ritningar, scheman och kartor;

• Gör det möjligt att enkelt skala bilden med bibehållen kvalitet;

• Du kan redigera utan att riskera att ”göra fel”.

Nackdelar

• Låg detaljrikedom och realism i de färdiga bilderna. Du kan uppnå hög realism, men då blir bilden ”tung” i alla avseenden – inklusive den långa bearbetningen i datorn;

• Inte lämplig för inbäddning i webbplatser, dokument och andra filer.

Som nämnts ovan används vektorgrafik bäst inom tryckeribranschen. Då kommer det att ge tillräckligt med ”jämnhet” och ”skönhet” på bilden, oavsett hur stor duken är. Men för ritning och fotobearbetning är det bättre att använda bitmappar.

Dessutom kan vektorgrafik enkelt rasteriseras, dvs. omvandlas till en pixelbild med önskad upplösning. Men raster till vektor kan knappast konverteras utan kvalitetsförlust.

Vilket är bäst – raster- eller vektorgrafik??

Så om du vill bearbeta ett foto eller bädda in en bild på en webbplats eller i ett annat dokument är det bättre att välja bitmappgrafik. Vektorgrafik rekommenderas för ritningar, scheman och kartor samt för prepress.

Låt oss jämföra dessa två varianter.

Det är värt att notera att för att förbättra datorns prestanda (om det behövs) är det bättre att använda vektorgrafik för enkla bilder med få detaljer – det belastar grafikundersystemet mindre än pixelrendering.