Bertrand Benjamin
dd62ec8349
All checks were successful
continuous-integration/drone/push Build is passing
62 lines
3.1 KiB
ReStructuredText
62 lines
3.1 KiB
ReStructuredText
Image Numérique
|
|
###############
|
|
|
|
:date: 2020-11-03
|
|
:modified: 2020-11-05
|
|
:authors: Benjamin Bertrand
|
|
:tags: Python, Image
|
|
:category: SNT
|
|
:summary: Image numérique avec les SNT
|
|
|
|
Étape 1: Stockage d'une image et résolution
|
|
===========================================
|
|
|
|
On commence par poser une question générale: Comment est stockée une image numérique? On s'attend à ce que la notion de pixel et éventuellement de bit (0 ou 1) ressorte.
|
|
|
|
On peut alors expliquer ce que l'image est découpée en un rectangle de pixels et on introduit la notion de *définition* d'une image. On peut montrer aux élèves le zoom sur une image pour voir ces pixels. On distribue des images en noir et blanc en gros pixels pour calculer la définition.
|
|
|
|
Puis on élargie la recherche sur la définition à travers la recherche des définitions disponibles sur les vidéos youtube, sur leur écran de téléphone, les photos qu'ils peuvent prendre... Certaines résolutions pourront avoir des noms énigmatiques (4K, 240p...) qu'il faudra explorer. Ce travail ce fait en groupe. Chaque groupe a un domaine où il doit chercher des résolutions: téléphones portables, écrans d'ordinateur, image sur le net, vidéos sur youtube... On fera le point en pleinière ensuite.
|
|
|
|
On dépose la même image sur le réseau mais avec différentes qualités. Recherche des définitions et comparaison des rendus. => Tableau de comparaison (nom, taille du fichier, définition, nombre de pixels, voit-on le contenu).
|
|
|
|
À partir de la résolution, on calcule le nombre de pixels et on en profite pour parler des préfixes des tailles (Méga, kilo ...) mais sans complexifier (encore) avec la distinction entre puissances de 10 et de 2.
|
|
|
|
On pourra aussi travailler sur les dimensions des images dans le code HTML.
|
|
|
|
Cours: définitions pixel, résolution. Quelques résolutions à connaître.
|
|
|
|
Étape 2: Décrire les pixels d'une image
|
|
=======================================
|
|
|
|
On rappelle que l'ordinateur ne comprend que 0 ou 1, des bits. On demande aux élèves de décrire avec des bits les images en noir et blanc, quitte à leur faire créer leur image à eux. Pour ensuite échanger avec leurs camarades pour qu'il reconstruisent l'image initiale.
|
|
|
|
On continue sur l'ordinateur en écrivant avec notepad++ des fichiers BMP P1 puis en les ouvrants avec GIMP.
|
|
|
|
Se pose ensuite la question des niveaux de gris. Idem avec notepad++ et les BMP P2. Ici il est intéressant d'évoquer les puissances de 2 pour parler de la profondeur de gris.
|
|
|
|
Enfin, on recommence avec la couleur et BMP P3.
|
|
|
|
Cours: Notion de bit, d'octet. Images NB, niveau de gris et couleurs
|
|
|
|
Étape 3: Les couleurs des images
|
|
================================
|
|
|
|
Format de couleurs: RGB, HSV.
|
|
|
|
Les 3 couches de couleurs sur GIMP.
|
|
|
|
Utilisation des connaissances sur les couleurs pour colorer sa page web.
|
|
|
|
Étape 4: les métadonnées
|
|
========================
|
|
|
|
|
|
Étape 5: taille d'une image
|
|
===========================
|
|
|
|
Problématiques du chargement d'une page web ou transport d'une image d'un support à un autre (exemple du transport de l'image du trou noir).
|
|
|
|
Algorithme de compressions, format d'image.
|
|
|
|
|