Aller au contenu principal

Image

Objectifs​

Comment représenter une image ?

  • Expliquer le principe d'une image matricielle.
  • Définir la notion de profondeur de couleur.
  • Décrire le principe du code couleur hexadécimal.
  • Calculer la taille d'une image.

Cours​

Image

Introduction à l'informatique

Image matricielle

https://desktop.arcgis.com/fr/arcmap/latest/manage-data/geodatabases/raster-basics.htm

Image en noir et blanc

Table d'encodage

Couleur

Valeur

Noir

0

Blanc

1

Image en noir et blanc

1
0
0
1
0
0
1
0
0
0
0
0
0
0
0
0
0
0
0
0
0
1
0
0
0
0
0
1
1
1
0
0
0
1
1
1
1
1
0
1
1
1

Table d'encodage

Couleur

Valeur

Noir

0

Blanc

1

Taille de l'image

  • Largeur: 7 pixels

  • Hauteur: 6 pixels

  • Combien de pixels ?

    • Total: 7 × 6 = 42 pixels

  • Combien de bits ?

    • 1 bit par pixel : 42 × 1 = 42 bits

Image en couleur

11
00
00
11
00
00
11
00
10
01
00
00
00
00
00
01
00
00
00
01
00
11
00
00
00
01
00
11
11
11
00
00
00
11
11
11
11
11
00
11
11
11

Table d'encodage

Couleur

Valeur

Noir

00

Gris

01

Gris clair

10

Blanc

11

Image en couleur

Table d'encodage

Couleur

Valeur

Noir

00

Gris

01

Gris clair

10

Blanc

11

Image en couleur

Table d'encodage

Couleur

Valeur

Rouge

00

Rose

01

Blanc

10

Noir

11

Taille de l'image

  • Largeur: 7 pixels

  • Hauteur: 6 pixels

  • Combien de pixels ?

    • Total: 7 × 6 = 42 pixels

  • Combien de bits ?

    • 2 bits par pixel : 42 × 2 = 84 bits

Profondeur de couleur

1-bit

2-bit

4-bit

8-bit

24-bit

https://commons.wikimedia.org/wiki/File:1_bit.png

https://commons.wikimedia.org/wiki/File:2_bit.png

https://commons.wikimedia.org/wiki/File:4_bit.png

https://commons.wikimedia.org/wiki/File:8_bit.png

https://commons.wikimedia.org/wiki/File:24_bit.png

21 = 2 couleurs

22 = 4 couleurs

24 = 16 couleurs

28 = 256 couleurs

224 = 16'777'216 couleurs

4 [Kio]

6 [Kio]

13 [Kio]

37 [Kio]

98 [Kio]

Code couleur RGB

  • Rouge (Red)

  • Vert (Green)

  • Bleu (Blue)

  • Valeur entre 0 (aucune couleur) et 255 (couleur maximale)

https://commons.wikimedia.org/wiki/File:AdditiveColorMixing.svg

Code couleur RGB

  • R = 255, G =   0, B =   0

    • Rouge

  • R =   0, G = 255, B =   0

    • Vert

  • R =   0, G =   0, B = 255

    • Bleu

  • R = 255, G = 255, B =   0

    • Jaune

  • R = 255, G = 255, B = 255

    • Blanc

  • R = 100, G = 100, B = 100

    • Gris

  • R =   0, G =   0, B =   0

    • Noir

Code couleur hexadécimal

  • Encodage en hexadécimal (00 à FF)

    • #FFFFFF

    • 24 bits : 8 bits par couleur

  • #000000

    • Noir

  • #FF0000

    • Rouge

  • #646464

    • Gris

  • #08BD04

    • Vert

  • #0064BE

    • Bleu
F pour passer en plein écran ou O pour afficher la vue d'ensemble.
Versions sans animation, plein écran, imprimable.

Exercices​

Taille d'une image​

Calculer la taille des images suivantes dans les unités demandées :

  1. Une image de 800 pixels de largeur et 600 pixels de hauteur en noir et blanc (1-bit) en bits [b], en octets [o] et en kilo-octets [ko].
  2. Une image de 800 pixels de largeur et 600 pixels de hauteur en couleurs 24-bit en [b], en [o], en [ko] et en [Mo].
  3. Une image full HD (1920 x 1080 px) en couleurs 24-bit en [b], en [o], en [Kio] et en [Mio].
  4. Une image 4K (3840 x 2160 px) en noir et blanc en [b], en [o], en [Kio] et en [Mio].
Solutions avec détails
    • 800 × 600 × 1 = 480'000 [b]
    • 480'000 [b] / 8 = 60'000 [o]
    • 60'000 [o] / 1'000 = 60 [ko]
    • 800 × 600 × 24 = 11'520'000 [b]
    • 11'520'000 [b] / 8 = 1'440'000 [o]
    • 1'440'000 [o] / 1'000 = 1'440 [ko]
    • 1'440 [ko] / 1'000 = 1,44 [Mo]
    • 1920 × 1080 × 24 = 49 766 400 [b]
    • 49 766 400 [b] / 8 = 6'220'800 [o]
    • 6'220'800 [o] / 1'024 = 6'075 [Kio]
    • 6'075 [Kio] / 1'024 = 5,93 [Mio]
    • 3840 × 2160 × 1 = 8'294'400 [b]
    • 8'294'400 [b] / 8 = 1'036'800 [o]
    • 1'036'800 [o] / 1'024 = 1'012,5 [Kio]
    • 1'012,5 [Kio] / 1'024 = 0,99 [Mio]

Espace de stockage​

Dans un espace de stockage de 128 [Gio], combien des éléments suivants peut-on stocker ?

  1. Image de 12 Mio
  2. Vidéo de 10 Gio
  3. Image de 1 Mio
  4. Image 24-bit de 4032 x 3024 pixels (12 MP)
Solutions avec détails
    • Convertir dans la même unité : 128 [Gio] × 1'024 = 131'072 [Mio]
    • 131'072 [Mio] / 12 [Mio] = 10'922 images
    • 128 [Gio] / 10 [Gio] = 12 vidéos
    • 128 [Gio] × 1'024 = 131'072 [Mio]
    • 131'072 [Mio] / 1 [Mio] = 131'072 images
    • Chaque image fait 4032 × 3024 × 24 = 291'553'152 [b]
    • Convertir dans la même unité (images) :
      • 291'553'152 [b] / 8 = 36'444'144 [o]
      • 36'444'144 [o] / 1'024 = 35'586 [Kio]
      • 35'586 [Kio] / 1'024 = 34,7 [Mio]
    • Convertir dans la même unité (espace de stockage) :
      • 128 [Gio] × 1'024 = 131'072 [Mio]
    • 131'072 [Mio] / 34,7 [Mio] = 3'687 images

Couleurs​

Associer les couleurs suivantes à leur code hexadécimal :

CouleurCode hexadécimal
 
 
 
 
 
 
  • #D50000
  • #0091EA
  • #00C853
  • #424242
  • #F5F5F5
  • #FFFF00
Solutions
CouleurCode hexadécimal
 #0091EA
 #FFFF00
 #424242
 #F5F5F5
 #D50000
 #00C853

Commencer par mettre de côté les nuances de gris qui ont trois valeurs répétées (#424242 et #F5F5F5). Plus la valeur est élevée, plus la couleur est claire.

Ensuite, regarder s'il y a une couleur RGB dominante : #D50000 est un rouge, #00C853 est un vert et #0091EA est un bleu

Finalement, #FFFF00 est la combinaison de rouge et de vert, qui est jaune.

Références​

Dernière mise à jour le