Formats d'image

Photographie numérique - SNT Seconde

Formats d'image

30 min+20 XPdecouverte

Objectifs

  • Comprendre la différence entre une image matricielle (bitmap) et vectorielle.
  • Distinguer les principaux formats d'image (JPEG, PNG, GIF, WebP) et leurs usages.
  • Comprendre les concepts de compression avec et sans perte (lossy/lossless).

Introduction

Vous avez tous déjà partagé une photo sur les réseaux sociaux ou envoyé une image par message. Mais savez-vous ce qui se cache derrière ce fichier .jpg ou .png ? Pourquoi certaines images sont-elles légères et rapides à charger, tandis que d'autres sont lourdes et de meilleure qualité ? Aujourd'hui, nous allons décortiquer le secret des images numériques.

Comment les images numériques sont-elles stockées et compressées pour concilier qualité visuelle et taille de fichier ?

Pixel et matrice : les bases d'une image numérique

Une image numérique que l'on voit sur un écran (photo, dessin) est le plus souvent une image **matricielle**, aussi appelée **bitmap**. Imaginez une grande grille, comme une feuille de papier millimétré. Chaque petite case de cette grille est un **pixel** (contraction de 'picture element'). Chaque pixel possède une couleur, définie par un code. Pour une image en couleurs, on utilise généralement le système **RVB** (Rouge, Vert, Bleu) où l'on mélange ces trois couleurs primaires avec différentes intensités (souvent de 0 à 255). Par exemple, un pixel rouge pur aura le code (255, 0, 0). Une image de 1000 pixels de large sur 800 pixels de haut contient donc 800 000 pixels ! Plus il y a de pixels (haute résolution), plus l'image peut être détaillée, mais plus le fichier sera lourd car il faut mémoriser la couleur de chaque pixel. À l'inverse, une image **vectorielle** (comme un logo ou un dessin technique) n'est pas basée sur une grille de pixels, mais sur des formules mathématiques (points, lignes, courbes). Elle peut être agrandie à l'infini sans perdre en qualité, mais elle n'est pas adaptée pour représenter des photos réalistes.

Points clés

  • Une image matricielle (bitmap) est un tableau de pixels.
  • Chaque pixel a une couleur, souvent codée en RVB.
  • La résolution définit le nombre de pixels (ex: 1920x1080).
  • Une image vectorielle utilise des formes géométriques et est redimensionnable sans perte.

La compression : réduire la taille des fichiers

Stocker la couleur de chaque pixel d'une photo moderne (plusieurs millions de pixels) générerait des fichiers énormes, trop lents à transférer sur internet. La **compression** est la solution. Il existe deux grandes familles. 1) **Compression SANS perte (lossless)** : L'algorithme trouve des motifs répétitifs dans l'image et les code de manière plus efficace. À la décompression, on retrouve EXACTEMENT l'image originale, pixel par pixel. C'est comme zipper un dossier : on réduit sa taille sans en altérer le contenu. 2) **Compression AVEC perte (lossy)** : Ici, on accepte de perdre quelques détails de l'image, souvent imperceptibles à l'œil humain, pour gagner énormément en place. L'algorithme analyse l'image et supprime les informations les moins visibles (par exemple, des nuances de couleurs très proches dans une grande zone uniforme). Plus on compresse, plus la taille diminue, mais plus la qualité se dégrade (apparition d'artefacts comme des blocs ou du flou). Le choix du type de compression dépend de l'usage : archivage d'œuvres d'art (sans perte) vs partage web (avec perte).

Points clés

  • La compression réduit la taille d'un fichier image.
  • Sans perte (lossless) : qualité parfaite, gain de taille modéré.
  • Avec perte (lossy) : qualité légèrement altérée, gain de taille très important.
  • Le taux de compression est un compromis entre taille et qualité.

Les formats stars : JPEG, PNG, GIF & WebP

Chaque format utilise des stratégies de compression différentes, ce qui les rend adaptés à des usages précis. Le **JPEG** (ou JPG) est le roi de la photo. Il utilise une compression AVEC perte très efficace, spécialement conçue pour les images naturelles (photos) avec des dégradés. Parfait pour les appareils photo, les sites web et les réseaux sociaux. Le **PNG** utilise une compression SANS perte. Son atout majeur est la gestion d'un canal alpha, c'est-à-dire la transparence. Il est idéal pour les logos, les captures d'écran, les graphiques avec texte ou les images nécessitant un fond transparent. Le **GIF** est également sans perte, mais limité à 256 couleurs maximum. Il est donc inadapté aux photos, mais permet de créer des animations simples (les memes !) et gère aussi la transparence (mais sans niveaux). Enfin, le **WebP** est un format moderne développé par Google qui combine le meilleur des deux mondes : il propose à la fois une compression avec perte (plus efficace que le JPEG) et sans perte (plus efficace que le PNG), tout en supportant animation et transparence. Il devient le standard pour le web.

Points clés

  • JPEG : compression avec perte, pour les photos.
  • PNG : compression sans perte et transparence, pour les logos/graphiques.
  • GIF : 256 couleurs, animations simples.
  • WebP : format moderne et polyvalent, de plus en plus utilisé sur le web.

À retenir

Les images numériques sont majoritairement des matrices de pixels (bitmap). Pour réduire leur taille de fichier, on utilise des algorithmes de compression, soit sans perte (pour une qualité parfaite), soit avec perte (pour un gain de taille maximal). Le choix du format (JPEG, PNG, GIF, WebP) est un compromis stratégique entre qualité, taille et fonctionnalités (transparence, animation) en fonction de l'usage final de l'image.

  • Une image = une grille de pixels (sauf vectorielle).
  • JPEG (avec perte) pour les photos, PNG (sans perte) pour les graphiques/transparence.
  • La compression est un compromis crucial entre la taille du fichier et la qualité visuelle.
Techno