Comment coder une image ?

De Wikidebrouillard.

Nous sommes entourés d'écrans (télé, ordinateur, tablette, smartphone) qui nous bombardent d'images numériques, mais comment font-ils pour les afficher ? Comment font-ils pour recréer des images numériques afin qu'elles soient visibles ?

Sommaire

1 Mots Clés
2 Histoire/Anecdotes
3 Objectifs
4 public
5 Durée
6 Matériel
7 Pré-requis
8 Protocole/deroulé/explications
9 Mais comment ça marche ?
10 Points délicats/Vigilance
11 Liens avec la vie quotidienne
12 + loin
13 Ressources internes et externes

Mots Clés

Image. Code. Pixel

Histoire/Anecdotes

Une image d'ordinateur est soit matricielle, soit vectorielle. Les images classiques (.jpg par exemple) sont des images matricielles.

Une image matricielle (ou bitmap) est une image constituée d'une matrice de points colorés. C'est-à-dire constituée d'un tableau, d'une grille, où chaque case possède une couleur qui lui est propre et est considérée comme un point.

Le textile utilise ce genre de technique, notamment ceux de Jacquard ou le point de croix. Dans la technique de la mosaïque, déjà pratiquée par les Grecs et les Romains, les images sont représentées par la juxtaposition de petits carreaux de pierre ou de faïence colorés (les tesselles). Tout ceci est à l'origine des images en « carte de points », ou en anglais, « bitmap ».

Objectifs

se familiariser avec le codage des images en grille de cases noires et blanches
comprendre qu’il peut exister plusieurs codes pour un même résultat
comprendre que l’on peut passer d’une image à un code (codage/numérisation) ou d’un code à une image (décodage)

public

A partir du cycle 3.

Durée

minimum 30 min

Matériel

carte "code" (carte flèches, carte gribouill, carte coins))
code existant
dessin existant
carte "dessin" (carré noir et blanc)

Télécharger tous les docs nécessaires à l'atelier

Pré-requis

Aucun

Protocole/deroulé/explications

Répartir les participants par binômes, chaque binôme possède plusieurs cartes dessin complètes et plusieurs codes complets.
Demander à chaque binôme d'associer à chaque code le dessin correspondant.
Essayer de dégager la logique de création d'un code et/ou d'un dessin.

Garder les binômes précédemment formés.
Un des deux membres du binôme possède les cartes "code" et doit créer un code pour une image
Le deuxième possède les cartes dessin et doit représenter le code fourni par son collège.

Garder les mêmes binômes.
Celui possédant les cartes "dessin" doit réaliser un dessin avec celle-ci.
Le deuxième possédant les cartes "code" doit mettre en place un cadre permettant de réaliser le dessin de son collègue.

Mais comment ça marche ?

Explication :

Une image peut être divisée en un tableau (=une matrice) composée d'énormément de petits carrés. Dans le cas d'une image noir et blanc, chaque carré peut prendre soit la couleur noire soit la couleur blanche. Dans le cas des images en couleur, chaque petit carré peut prendre une des trois couleurs suivantes : rouge, vert ou bleu. L'agglomération de tout ces petits carrés forme à grande échelle une image. Ces petits carrés s'appellent des pixels, ils sont commandés par un système afin de prendre une couleur spécifique, il faut donc comme dans l'expérience lui dire la position exacte des pixels et quelles couleurs ils doivent prendre.

Points délicats/Vigilance

Liens avec la vie quotidienne

Les images en informatique sont définies par les pixels, les systèmes informatiques procèdent de la même façon que dans l'expérience, seules les façons d'indiquer la localisation du pixel et sa couleur diffèrent.