Image vectorielle et image matricielle – zoom, résolution et taille de fichier

InformatiqueApplications numériques15–16 ans

Utiliser avec ma classe

Le même dessin est construit de deux façons : une image vectorielle stocke la formule de chaque forme, elle se redessine donc nettement à tout niveau de zoom, tandis qu’une image matricielle (bitmap) stocke une grille de pixels, si bien qu’en zoomant on voit apparaître des carrés crénelés. Les élèves font glisser le curseur de zoom, déplacent la vue en faisant glisser la zone de dessin, et modifient la définition de la grille de pixels et le nombre de formes. La taille du fichier se met à jour aussitôt : celle d’une image matricielle vaut largeur × hauteur × profondeur de couleur ÷ 8, alors que celle d’une image vectorielle ne dépend que du nombre de formes, jamais du zoom.

Leçon : Conception graphique : images vectorielles et matricielles, résolution et taille de fichier

Ce qu’elle montre

L’ordinateur stocke les images de deux façons. Une image matricielle (bitmap) enregistre la couleur de chaque pixel : sa taille non compressée vaut largeur × hauteur × profondeur de couleur ÷ 8 octets, et l’agrandir ne fait qu’étirer les pixels existants en carrés visibles. Une image vectorielle décrit chaque forme géométriquement (type, coordonnées, couleur, contour) : elle est redessinée à n’importe quelle échelle et sa taille dépend du nombre de formes, pas du zoom. C’est pourquoi logos et icônes conviennent aux formats vectoriels comme SVG, alors que les photographies demandent des formats matriciels comme PNG ou JPEG.

Mode d’emploi

Commencez avec Comparer et faites glisser le curseur de Zoom pour agrandir les deux versions, en déplaçant la zone de dessin vers un bord ; cliquez sur Centrer pour revenir. Observez où l’image bitmap devient crénelée alors que le contour vectoriel reste net. Changez ensuite la Grille bitmap et la Couleur, lisez la nouvelle taille du fichier bitmap, puis modifiez le nombre de Formes pour voir ce qui fait réellement grossir le fichier vectoriel.

Paramètres modifiables

  • Mode d’affichage Côte à côte pour comparer, Image vectorielle seule, Image matricielle seule
  • Niveau de zoom 1–16 x
  • Définition de l’image matricielle 100 × 75 pixels, 200 × 150 pixels, 400 × 300 pixels, 800 × 600 pixels
  • Nombre de formes du dessin 1–30 formes
  • Profondeur de couleur 8 bits – 256 couleurs, 24 bits – couleurs vraies, 32 bits – avec canal alpha

Questions à explorer

  1. Pourquoi zoomer sur l’image vectorielle n’ajoute-t-il aucun octet à la taille du fichier ?
  2. Combien d’octets occupe une image bitmap non compressée de 800 × 600 pixels en couleurs 24 bits ?
  3. Une photo de paysage doit-elle être enregistrée en image vectorielle ou en bitmap ? Pourquoi ?