När du arbetar med digitala bilder kommer du att upptäcka två grafikhuvudtyper: bitmapp och vektor. Bitmappsgrafik, som också kallas rastergrafik, är uppbyggd av små fyrkanter (pixlar) som ordnats i ett rektangulärt rutnätsformat. Vektorgrafik är uppbyggd av matematiskt genererade geometriska former som linjer, kurvor och polygoner.
Bitmappsbilder definieras av bildens bredd och höjd, mätt i pixlar, och antalet bitar som finns i respektive pixel, vilket anger antalet färger en pixel kan innehålla. Om en bitmappsbild använder RGB-färgmodellen består pixeln av tre byte: röd, grön och blå. Varje byte innehåller ett värde mellan 0 och 255. Om olika byte kombineras i pixeln skapas en färg på samma sätt som när en artist blandar målarfärger. Med en pixel som innehåller bytevärdena röd-255, grön-102 och blå-0 skapas en livfull orange färg.
Kvaliteten på en bitmappsbild bestäms av bildens upplösning i kombination med färgdjupets bitvärde. Upplösning relateras till antalet pixlar i en bild. Ju högre antal pixlar desto högre upplösning och finare bild. Färgdjup relateras till den mängd information en pixel kan innehålla. En bild som har ett färgdjup på 16 bitar per pixel kan inte representera samma antal färger som en bild som har ett färgdjup på 48 bitar. 48-bitarsbilden får alltså jämnare skuggor än 16-bitarsbilden.
Eftersom bitmappsgrafik är upplösningsberoende skalförändras den inte så bra. Detta märks mest när bitmappsbilder skalförändras uppåt. En bitmappsbild som skalförändras uppåt förlorar detaljer och kvalitet.
Bitmappsbilders format
Bitmappsbilder grupperas i ett antal vanliga filformat. I dessa format används olika typer av komprimeringsalgoritmer för att minska filstorleken, men också för att optimera bildkvaliteten beroende på vad bilden ska användas till. De bitmappformat som stöds av Adobes körningsmiljöer är BMP, GIF, JPG, PNG och TIFF.
BMP
BMP-formatet (bitmapp) är standardbildformatet som används i Microsofts operativsystem Windows. Det använder inte någon form av komprimeringsalgoritm och resulterar därför oftast i mycket stora filer.
GIF
GIF (Graphics Interchange Format) utvecklades av CompuServe år 1987 för att överföra bilder med 256 färger (8-bitars färg). Formatet ger liten filstorlek och är idealiskt för webbaserade bilder. På grund av formatets begränsade färgpalett passar GIF-bilder vanligtvis inte till fotografier, eftersom dessa kräver jämna skuggor och övertoningsfärger. GIF-bilder tillåter enkelbitsgenomskinlighet, vilket gör att färgerna kan mappas som klara (eller genomskinliga). Detta gör att en webbsidas bakgrundsfärg visas genom bilden där genomskinligheten har mappats.
JPEG
I JPEG-formatet (skrivs ofta JPG), som utvecklats av Joint Photographic Experts Group (JPEG), används en förstörande komprimeringsalgoritm som tillåter 24-bitars färgdjup med liten filstorlek. Med förstörande komprimering menas att varje gång bilden sparas förlorar bilden i kvalitet och i data men filen blir mindre. JPEG-formatet är idealiskt för fotografier eftersom miljoner färger kan visas. Eftersom du kan styra bildens komprimeringsgrad kan du manipulera bildkvaliteten och filstorleken.
PNG
PNG-formatet (Portable Network Graphics) skapas som ett öppenkälla-alternativ till det patenterade GIF-filformatet. PNG-filer kan använda upp till 64-bitars färgdjup, och upp till 16 miljoner färger. Eftersom PNG är ett ganska nytt format stöder äldre webbläsare inte PNG-filer. I motsats till JPG-filer använder PNG-filer icke-förstörande komprimering, vilket betyder att inga bilddata förloras när bilden sparas. PNG-filer stöder alltså alfagenomskinlighet, som tillåter upp till 256 genomskinlighetsnivåer.
TIFF
TIFF (Tagged Image File Format) var det vanligaste plattformsoberoende formatet innan PNG lanserades. Nackdelen med TIFF-formatet är att det finns många varianter, och därför ingen enskild läsare som kan hantera alla versioner. Dessutom har inga webbläsare för närvarande stöd för formatet. TIFF kan använda förstörande eller icke-förstörande komprimering, och kan hantera enhetsspecifika färgrymder (till exempel CMYK).
Genomskinliga och ogenomskinliga bitmappar
I bitmappsbilder med formatet GIF eller PNG kan en extra byte (alfakanal) läggas till i varje pixel. Den här extra pixelbyten representerar pixelns genomskinlighetsvärde.
I GIF-bilder kan du använda enkelbitsgenomskinlighet, vilket betyder att du kan ange att en enstaka färg på en 256-färgspalett ska vara genomskinlig. PNG-bilder kan å andra sidan ha upp till 256 genomskinlighetsnivåer. Den här funktionen är särskilt bra när bilder eller text ska blandas in i bakgrunden.
I ActionScript 3.0 replikeras den här extra genomskinlighetspixeln i klassen BitmapData. Precis som PNG-genomskinlighetsmodellen har ActionScript upp till 256 genomskinlighetsnivåer.
Viktiga termer och begrepp
Följande lista innehåller viktiga termer som du kommer att stöta på när du läser om bitmappar:
- Alfa
- Genomskinlighetsnivån (eller rättare sagt opaciteten) i en färg eller en bild. Mängden alfa beskrivs ibland som alfakanalsvärde.
- ARGB-färg
- Ett färgschema där varje pixels färg är en blandning av rött, grönt och blått, och genomskinligheten anges som ett alfavärde.
- Färgkanal
- Vanligtvis representeras färger som en blandning av några enstaka grundfärger, vanligen (för datorgrafik) röd, grön och blå. Varje grundfärg betraktas som en färgkanal. Mängden färg i varje färgkanal som har blandats avgör den slutliga färgen.
- Färgdjup
- Kallas också bitdjup och är mängden datorminne som reserveras för varje pixel, vilket i sin tur avgör antalet möjliga färger som kan visas i en bild.
- Pixel
- Den minsta informationsenheten i en bitmappsbild, egentligen en färgpunkt.
- Upplösning
- En bilds pixelmått, som bestämmer nivån på finkorniga detaljer i bilden. Upplösningen anges ofta som antalet pixlar för bildens bredd och höjd.
- RGB-färg
- Ett färgschema där varje pixels färg representeras som en blandning av rött, grönt och blått.