C4 - Soorten afbeeldingen

• Informatica
• Middelbare school
• vwo
• Leerjaar 4

Soorten afbeeldingen

lgg

• Je kan de grootte van een bitmap afbeelding berekenen
• Je weet wanneer je een bitmap of vector afbeeldingen moet gebruiken
  
• Je weet waarom er kleurmodellen zijn

Welke kleur is #9122bd?
In RGB en CMYK

Kleur #9122bd

https://g.co/kgs/UwiaKE

Hoe groot is de data limiet op je telefoon-abonnement?

Een mooie foto! Maar als je inzoomt kan je de pixel zien.

Dat komt omdat dit een bitmap of rasterfoto is.

Pixel - Picture x element

Die kleine puntjes waar een afbeelding uit is opgebouwd

• "Een afbeelding bestaat uit 320x240 pixels"
• "De resolutie van mijn scherm is 1920x1080 pixels"

Raster afbeeldingen

Raster afbeeldingen zijn opgebouwd uit pixels en daarom ook altijd op basis van afmeting. Voor elke pixel wordt opgeslagen welke kleur zij moet hebben. Er zijn vele soorten raster afbeeldingen. Deze onderscheiding zich vooral door de manier hoe de kleuren worden opgeslagen. 

Bekende formaten zijn: bmp, jpeg, png en gif 

Raster

Vector

iconen

logo's

Tekst

"complexe" afbeeldingen

Vector afbeeldingen

Een vector afbeelding is een afbeelding waarin op basis van een pad verteld wordt wat er getekend moet worden. Eigen een beetje  alsof je een schilder vertelt waar hij z'n kwast naartoe moet sturen.

"Van hier naar daar en dan van zus naar zo. En in deze kleur."

Bekende formaten zijn: ai, eps en svg

Nadelen raster

- Bestandsgrootte

- Onscherp

Nadelen vector

- Niet bruikbaar voor complexe afbeeldingen

Pixelart is ...

1. raster
2. vector

Voor mijn logo gebruik ik het beste een ... afbeelding

1. raster
2. vector

Om iets te laten laserbranden gebruik ik het beste een ... afbeelding

1. raster
2. vector

Een foto door een fotocamara is een ... afbeelding

1. raster
2. vector

Voor mijn toffe achtergrond gebruik ik het beste een ... bestand

1. jpg
2. gif
3. bpm
4. ai

Nier perse behandeld, maar  een mooi bruggetje naar compressie

Grootte van een bitmap afbeelding berekenen

In een bitmap worden de pixels in een matrix opgeslagen en één voor één getekend. Stel we hebben een HD afbeelding van 1920 x 1080 pixels. Dan begin je dus bij 1, 1 en eindigt bij 1920, 1080.

Op elk coördinaat wordt een kleurcode opgeslagen. Hoeveel kleuren worden opgeslagen is afhankelijk van de hoeveelheid bits die gebruikt worden. Zie het als een bakje met een bepaalde grootte; hoe groter het bakje, hoe meer mogelijke kleuren je kan gebruiken:

• 16 bits => 2^16 =                 65536 kleuren (16^4)
• 32 bits => 2^32 = 4,294,967,296 kleuren (16^8)

Dus: 1980 x 1080 =  2 miljoen pixels

2 miljoen x 16 bits = 32 miljoen

Maar een bit is geen byte

Opdracht

1. Zoek op internet de resolutie van de camera van je telefoon.

2. Zoek op hoeveel bits de camera gebruikt. Dit wordt vaak aangegeven met bit-depth*

3. Bereken hoeveel bytes (dus niet bits) de afbeelding groot is

Bereken de grootte van een foto van je telefoon

Hoe groot is een afbeelding van je camera? (als bitmap)

Aan de slag

• Fundament C4 Datarepresentaties - 3. beeld en geluid