Technologie · Seconde · Photographie Numérique et Image · 3e Trimestre

Formats d'image : JPEG, PNG, GIF

Les élèves comparent les différents formats d'image numérique et leurs cas d'utilisation.

• Programmes Officiels
• MEN: Lycee - Photographie numérique
• MEN: Lycee - Représentation des données

À propos de ce thème

JPEG, PNG et GIF sont les trois formats d'image les plus utilisés sur le web, mais chacun répond à des besoins différents. Le JPEG utilise la compression avec perte pour les photographies, le PNG offre une compression sans perte avec transparence pour les graphiques, et le GIF se limite à 256 couleurs mais supporte l'animation. Comprendre ces différences est essentiel pour tout créateur de contenu numérique.

En Seconde, ce sujet fait le lien entre les concepts de compression étudiés précédemment et les usages quotidiens des élèves. Chaque fois qu'ils partagent une image sur les réseaux sociaux, la plateforme choisit un format et un niveau de compression qui affecte la qualité. Comprendre ces choix techniques permet de prendre des décisions éclairées.

Les activités de comparaison directe (exporter la même image dans les trois formats, mesurer les tailles, zoomer sur les artefacts) sont particulièrement efficaces car le résultat est immédiatement visible. L'apprentissage actif transforme un sujet technique en compétence pratique que les élèves réinvestissent dans leurs projets personnels et scolaires.

Questions clés

1. Comment choisir le format d'image le plus adapté selon l'usage prévu , web, impression ou archivage ?
2. Dans quelle mesure la compression influence-t-elle la qualité visuelle d'une image selon le format choisi ?
3. Quels compromis les différents formats d'images imposent-ils entre qualité, taille et compatibilité ?

Objectifs d'apprentissage

• Comparer les caractéristiques techniques des formats JPEG, PNG et GIF, notamment en termes de compression, de transparence et de palette de couleurs.
• Analyser l'impact de la compression avec perte (JPEG) et sans perte (PNG) sur la qualité visuelle d'une image photographique et d'un graphique.
• Classer les formats d'image JPEG, PNG et GIF selon leur pertinence pour des usages spécifiques : photographie web, graphisme avec transparence, animation simple.
• Expliquer les compromis entre la taille du fichier, la qualité de l'image et la compatibilité pour chaque format étudié.
• Démontrer comment exporter une même image dans différents formats et avec des réglages variés pour observer les différences de rendu et de poids.

Avant de commencer

Représentation des données numériques

Pourquoi : Les élèves doivent avoir compris comment les informations sont codées numériquement pour saisir les notions de compression et de perte d'information.

Notions de base de la photographie numérique

Pourquoi : Une compréhension des pixels et de la résolution est utile pour apprécier l'impact des formats sur la qualité visuelle.

Vocabulaire clé

Compression avec perte	Technique de réduction de la taille d'un fichier image qui supprime certaines informations jugées moins perceptibles par l'œil humain, entraînant une dégradation légère de la qualité.
Compression sans perte	Méthode de réduction de la taille d'un fichier image qui permet de reconstituer l'image originale à l'identique, sans aucune perte d'information.
Transparence alpha	Capacité d'un format d'image (comme PNG) à gérer des niveaux de transparence variables pour chaque pixel, permettant de superposer l'image sur différents arrière-plans.
Palette de couleurs	Ensemble des couleurs utilisées dans une image. Certains formats, comme le GIF, sont limités à une palette restreinte (256 couleurs).

Attention à ces idées reçues

Idée reçue courante

Le PNG est toujours meilleur que le JPEG puisqu'il est sans perte.

Ce qu'il faut enseigner à la place

Pour les photographies, un PNG est souvent 5 à 10 fois plus lourd qu'un JPEG de qualité acceptable, sans gain visuel perceptible. Le PNG excelle pour les graphiques, logos et images avec des aplats de couleur ou de la transparence. L'exercice de comparaison directe montre que le 'meilleur' format dépend toujours du contenu.

Idée reçue courante

Le GIF est le seul format qui supporte l'animation.

Ce qu'il faut enseigner à la place

Le format APNG (Animated PNG) et le WebP supportent aussi l'animation, avec plus de couleurs et une meilleure compression. Le GIF reste populaire par habitude et compatibilité, mais ses 256 couleurs et sa compression limitée en font un format techniquement dépassé pour les animations.

Idée reçue courante

Convertir un JPEG en PNG améliore la qualité de l'image.

Ce qu'il faut enseigner à la place

La conversion en PNG ne restaure pas les détails perdus lors de la compression JPEG initiale. L'image aura la même qualité visuelle mais un fichier beaucoup plus lourd. Comparer un original PNG, un JPEG dérivé et la reconversion en PNG démontre cette irréversibilité en classe.

Idées d'apprentissage actif

Atelier comparatif : Un fichier, trois formats

Les élèves exportent une même photographie en JPEG (qualité 50 % et 90 %), PNG et GIF. Ils comparent les tailles de fichiers, zooment sur les détails pour repérer les artefacts et la perte de couleurs. Un tableau de synthèse est rempli collectivement pour formaliser les observations.

35 min·Binômes

Penser-Partager-Présenter: Quel format pour quel usage ?

Chaque élève reçoit une liste de situations (logo sur fond transparent, photo de vacances, bannière animée, scan de document, icône de site web). Individuellement, il choisit le format adapté. En binôme, les choix sont confrontés et justifiés selon les critères de qualité, taille et compatibilité.

20 min·Binômes

Défi pratique : Optimiser le poids d'une page web

Les élèves reçoivent une page HTML avec des images non optimisées (JPEG haute qualité, PNG pour des photos). En petits groupes, ils réduisent le poids total de la page en choisissant le bon format et le bon niveau de compression pour chaque image, sans dégradation visible.

40 min·Petits groupes

Galerie marchande: L'évolution des formats web

Des affiches présentent l'histoire et les caractéristiques de chaque format, ainsi que les formats récents (WebP, AVIF). Les élèves circulent, prennent des notes et votent pour le format qu'ils considèrent le plus polyvalent en justifiant leur choix.

25 min·Classe entière

Liens avec le monde réel

• Un graphiste web utilise le format PNG pour créer des logos et des icônes qui doivent être affichés sur des sites web avec des arrière-plans variés, grâce à la gestion de la transparence alpha.
• Un photographe professionnel exporte ses clichés en JPEG pour les partager sur un blog ou les envoyer à des clients, car ce format offre un bon équilibre entre qualité et taille de fichier pour les photographies.
• Un community manager utilise le format GIF pour créer de courtes animations ou des mèmes destinés aux réseaux sociaux, profitant de sa capacité à gérer l'animation, même avec une palette de couleurs limitée.

Idées d'évaluation

Billet de sortie

Distribuez une image (par exemple, un logo avec transparence ou une photo de paysage). Demandez aux élèves d'écrire sur un papier : 1. Quel format choisiriez-vous pour le web et pourquoi ? 2. Quel format choisiriez-vous pour l'impression et pourquoi ? 3. Quelle est la principale différence entre les deux formats choisis concernant la qualité ?

Vérification rapide

Projetez trois images identiques mais exportées dans des formats différents (JPEG haute qualité, JPEG basse qualité, PNG). Posez les questions suivantes : 'Quelle image présente des artefacts de compression visibles ?', 'Quelle image est la plus lourde et pourquoi ?', 'Laquelle est la plus adaptée pour un logo sur un site web ?'

Question de discussion

Lancez une discussion en demandant : 'Imaginez que vous devez envoyer une photo de vacances par email pour qu'elle soit la plus belle possible mais que la connexion est lente. Quel format et quel réglage de compression choisiriez-vous ? Justifiez votre réponse en pensant aux compromis qualité/taille.'

Questions fréquentes

Quel format choisir pour mettre une image sur un site web ?

Pour les photos : JPEG (ou WebP pour un gain de taille supplémentaire). Pour les logos, icônes et images avec transparence : PNG (ou SVG pour les graphiques vectoriels). Pour les animations courtes : GIF ou WebP animé. Le critère principal est le compromis entre qualité visuelle et temps de chargement de la page.

Pourquoi les images perdent-elles en qualité quand on les partage sur les réseaux sociaux ?

Les plateformes recompressent automatiquement les images pour réduire la bande passante et le stockage. Un JPEG est souvent recompressé à une qualité inférieure, ce qui accumule les artefacts (effet de double compression). Envoyer une image en PNG ou en qualité maximale limite cette dégradation, mais ne l'élimine pas.

C'est quoi le format WebP et pourquoi remplace-t-il le JPEG ?

WebP est un format développé par Google qui offre une compression avec perte et sans perte, la transparence et l'animation dans un seul format. À qualité égale, un WebP est environ 25 à 35 % plus léger qu'un JPEG. Il est supporté par tous les navigateurs modernes et devient le standard de facto pour le web.

Pourquoi comparer les formats soi-même est-il plus efficace qu'un cours théorique ?

Exporter une image dans trois formats, mesurer les tailles et zoomer sur les artefacts crée une expérience sensorielle directe. L'élève voit la pixellisation du JPEG, constate le poids du PNG et les couleurs limitées du GIF. Ces observations personnelles construisent un critère de choix durable, ancré dans l'expérience plutôt que dans la mémorisation.