C4 - Soorten afbeeldingen

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
1 / 22
suivant
Slide 1: Diapositive
InformaticaMiddelbare schoolvwoLeerjaar 4

Cette leçon contient 22 diapositives, avec quiz interactifs et diapositives de texte.

time-iconLa durée de la leçon est: 120 min

Éléments de cette leçon

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

Slide 1 - Diapositive

Cet élément n'a pas d'instructions

Slide 2 - Diapositive

Cet élément n'a pas d'instructions

Welke kleur is #9122bd?
In RGB en CMYK

Slide 3 - Question ouverte

Cet élément n'a pas d'instructions

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

Slide 4 - Question ouverte

Cet élément n'a pas d'instructions

Slide 5 - Diapositive

Cet élément n'a pas d'instructions

Slide 6 - Diapositive

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"

Slide 7 - Diapositive

Cet élément n'a pas d'instructions

Slide 8 - Diapositive

Cet élément n'a pas d'instructions

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 

Slide 9 - Diapositive

Cet élément n'a pas d'instructions

Raster
Vector
iconen
logo's
Tekst
"complexe" afbeeldingen

Slide 10 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 11 - Diapositive

Cet élément n'a pas d'instructions

Slide 12 - Diapositive

Cet élément n'a pas d'instructions

Nadelen raster

- Bestandsgrootte
- Onscherp
Nadelen vector

- Niet bruikbaar voor complexe afbeeldingen

Slide 13 - Diapositive

Cet élément n'a pas d'instructions

Pixelart is ...
A
raster
B
vector

Slide 14 - Quiz

Cet élément n'a pas d'instructions

Voor mijn logo gebruik ik het beste een ... afbeelding
A
raster
B
vector

Slide 15 - Quiz

Cet élément n'a pas d'instructions

Om iets te laten laserbranden gebruik ik het beste een ... afbeelding
A
raster
B
vector

Slide 16 - Quiz

Cet élément n'a pas d'instructions

Een foto door een fotocamara is een ... afbeelding
A
raster
B
vector

Slide 17 - Quiz

Cet élément n'a pas d'instructions

Voor mijn toffe achtergrond gebruik ik het beste een ... bestand
A
jpg
B
gif
C
bpm
D
ai

Slide 18 - Quiz

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


Slide 19 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 20 - Diapositive

Cet élément n'a pas d'instructions

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

Slide 21 - Question ouverte

Cet élément n'a pas d'instructions

Aan de slag
  • Fundament C4 Datarepresentaties - 3. beeld en geluid

Slide 22 - Diapositive

Cet élément n'a pas d'instructions