Technologie · Seconde

Idées d’apprentissage actif

Formats d'image : JPEG, PNG, GIF

Les élèves retiennent mieux les différences entre JPEG, PNG et GIF quand ils manipulent concrètement les fichiers et observent les résultats visuels et techniques. Cette approche active transforme une notion abstraite en expérience tangible, ce qui renforce la compréhension durable.

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

• 20–40 min
• Binômes → Classe entière
• 4 activités

Activité 01

• Étude de cas
• 35 min · Binômes

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.

Comment choisir le format d'image le plus adapté selon l'usage prévu, web, impression ou archivage ?

Conseil de facilitation

Pendant l'Atelier comparatif, demandez aux groupes d'annoter directement sur les fichiers imprimés les artefacts visibles et les différences de poids pour ancrer l'observation dans le réel.

À observer

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é ?

• Analyser
• Évaluer
• Créer
• Prise de décision
• Autogestion

Activité 02

• Penser-Partager-Présenter
• 20 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é.

Dans quelle mesure la compression influence-t-elle la qualité visuelle d'une image selon le format choisi ?

Conseil de facilitation

Lors du Think-Pair-Share, imposez un temps strict de réflexion individuelle (1 minute) avant la discussion en binôme pour éviter les réponses impulsives et favoriser la pensée critique.

À observer

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 ?'

• Comprendre
• Appliquer
• Analyser
• Conscience de soi
• Compétences relationnelles

Activité 03

• Étude de cas
• 40 min · Petits groupes

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.

Quels compromis les différents formats d'images imposent-ils entre qualité, taille et compatibilité ?

Conseil de facilitation

Pendant le Défi pratique, limitez le temps de recherche à 10 minutes pour simuler les contraintes d'un projet web réel et encourager l'optimisation rapide.

À observer

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.'

• Analyser
• Évaluer
• Créer
• Prise de décision
• Autogestion

Activité 04

• Galerie marchande
• 25 min · Classe entière

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.

Comment choisir le format d'image le plus adapté selon l'usage prévu, web, impression ou archivage ?

Conseil de facilitation

Lors de la Gallery Walk, placez les panneaux chronologiques à hauteur des yeux et ajoutez une légende avec une question ouverte pour guider l'analyse évolutive.

À observer

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é ?

• Comprendre
• Appliquer
• Analyser
• Créer
• Compétences relationnelles
• Conscience sociale

Quelques notes pour enseigner cette unité

Commencez par une démonstration rapide avec un logiciel de retouche ou un site comme TinyPNG pour montrer visuellement les différences de qualité et de poids. Évitez d'expliquer d'abord les techniques de compression : les élèves les découvriront eux-mêmes par l'observation et la comparaison. Insistez sur les usages concrets (web, impression, réseaux sociaux) plutôt que sur les détails algorithmiques.

Les élèves pourront identifier le format le plus adapté à un usage donné en justifiant leur choix par des critères techniques et visuels. Ils reconnaîtront aussi les compromis entre qualité, taille de fichier et fonctionnalités comme la transparence ou l'animation.

---

Attention à ces idées reçues

• Pendant l'Atelier comparatif : Un fichier, trois formats, certains élèves affirment que le PNG est toujours mieux qu'un JPEG de même qualité visuelle.

  Pendant l'Atelier comparatif, distribuez un seul fichier (par exemple une photo de paysage) et demandez aux élèves de l'exporter en JPEG haute qualité, JPEG basse qualité et PNG. Ils constateront que le PNG pèse jusqu'à 10 fois plus tout en offrant la même qualité visuelle, ce qui illustrera concrètement l'inefficacité du format pour les photographies.

• Pendant le Think-Pair-Share : Quel format pour quel usage ?, des élèves pensent que le GIF est le seul format animé.

  Pendant le Think-Pair-Share, montrez un exemple d'animation WebP ou APNG à côté d'un GIF. Demandez aux élèves de comparer les poids, le nombre de couleurs et la fluidité. Ils constateront que le GIF est techniquement dépassé pour les animations modernes.

• Pendant l'Atelier comparatif : Un fichier, trois formats, certains élèves croient qu'un PNG restaurera la qualité perdue d'un JPEG.

  Pendant l'Atelier comparatif, utilisez un fichier JPEG déjà compressé et demandez aux élèves de l'exporter en PNG. Ils verront que la qualité ne s'améliore pas mais que le fichier devient plus lourd, ce qui démontre l'irréversibilité de la compression JPEG.

---

Méthodes utilisées dans ce dossier

• Étude de cas
• Penser-Partager-Présenter
• Galerie marchande