Traitement d’image
Présentation du cours
Dispensé par :
Klazé Faïrousse DAO
klazedao@[Link]
Version 2023
Introduction à l’image numérique
1 Généralités
2 Différentes branches de l’informatique graphique
3 Plan du cours
Introduction à l’image numérique
1 Généralités
2 Différentes branches de l’informatique graphique
3 Plan du cours
Généralités Différentes branches de l’informatique graphique Plan du cours
Généralités sur l’image numérique
Qu’est-ce qu’une image ?
Une représentation d’une scène ou d’un objet.
Différences entre image réelle et image numérique
Représentation réelle contre Représentation numérisée :
R VS Z ;
une image numérique d’une scène est obtenue par approximation
après échantillonnage et quantification.
Dispositifs d’acquisition différents :
l’acquisition d’une image numérique se fait par un dispositif
électronique autour de capteurs comme une caméra ou un
récepteur de rayon X ou encore un scanner, ...
l’acquisition d’une image réelle est fait par l’œil.
Généralités Différentes branches de l’informatique graphique Plan du cours
Généralités sur l’image numérique
Notion d’informatique graphique
C’est la branche de l’informatique qui s’intéresse à l’image
depuis l’acquisition jusqu’à la vision par ordinateur ou au
système visuel numérique.
Domaines de connaissance concernés
Physique : optique, traitement du signal, ... ;
Algorithmique : parcours de graphe ou de matrice image,
recherche de pattern, calculs divers, ... ;
Mathématiques : géométrie, topologie, algèbre, ... ;
Psychologie : intérêt du regard, sensation visuel, ...
etc.
Généralités Différentes branches de l’informatique graphique Plan du cours
Caractéristiques de l’image numérique
Notion de pixel
Le diminutif de Picture element, le plut petit élément d’une
image numérique 2D ;
On l’associe au point mais c’est un convexe dont le centre
est le point correspondant ;
L’image numérique 2D est un ensemble de pixels comme
l’image analogique est un ensemble de points de
Rn , n ∈ N.
Notion de voxel
Le diminutif de Voluminic element, le plut petit élément d’une
image numérique 3D.
Généralités Différentes branches de l’informatique graphique Plan du cours
Caractéristiques de l’image numérique
Un peu de topologie
Un pixel est une figure géométrique 2D composée :
de 4 figures géométriques 1D : ses côtés ;
de 4 figures géométriques 0D : ses sommets.
Un voxel est une figure géométrique 3D composée :
de 6 figures géométriques 2D : ses faces ;
de 12 figures géométriques 1D : ses côtés ;
de 8 figures géométriques 0D : ses sommets.
Lorsque 2 pixels sont adjacents :
par le côté : ils sont 1-voisins ;
par le sommet : ils sont 0-voisins.
Lorsque 2 voxels sont adjacents :
par la face : ils sont 2-voisins.
Généralités Différentes branches de l’informatique graphique Plan du cours
Caractéristiques de l’image numérique
Illustration du voisinage en 2D
Figure – Éléments topologiques (a) d’un pixel (b) d’un voxel.
Généralités Différentes branches de l’informatique graphique Plan du cours
Caractéristiques de l’image numérique
Illustration du voisinage en 2D
Figure – (a) Un pixel vert et ses 4 1-voisins bleus (b) Un pixel vert et ses 8
0-voisins bleus.
Généralités Différentes branches de l’informatique graphique Plan du cours
Caractéristiques de l’image numérique
Illustration du voisinage en 3D
Figure – (a) Un voxel vert et ses 6 2-voisins bleus (b) Un voxel jaune et ses
18 1-voisins oranges (c) Un voxel jaune et ses 26 0-voisins oranges.
Généralités Différentes branches de l’informatique graphique Plan du cours
Caractéristiques de l’image numérique
Différences entre image matricielle et image vectorielle
Une image matricielle ou bitmap est comme une matrice
où chaque cellule contient l’information (niveau de gris,
couleur) d’un pixel. Simple mais non robuste au
changement de taille ;
Une image vectorielle représente les informations de façon
mathématique (formes=segments, arcs, ... et couleur
associée par région par exemple). Complexe mais robuste
au changement de taille ;
GIMP et Photoshop produisent des images matricielles et
Inkscape et Illustrator des images vectorielles.
Généralités Différentes branches de l’informatique graphique Plan du cours
Caractéristiques de l’image numérique
Taille d’une image
Nous pouvons définir la notion de taille de 3 manières
étroitement liées :
largeur × hauteur en pouce (unité anglaise inch=2.54 cm) ;
largeur en pixels × hauteur en pixels ;
résolution ou nombre de pixels par pouce noté PPP(Points
Par Pouce) ou an anglais DPI (Dot Per Inch).
On a Taille en pouce = Nombre de pixels / résolution.
Généralités Différentes branches de l’informatique graphique Plan du cours
Caractéristiques de l’image numérique
Impact de la résolution sur la perception de l’image
Crénelage : effet d’escalier correspondant à l’agencement
des pixels lorsqu’on agrandit l’image jusqu’à moins de 300
DPI ;
Choix de matériel :
l’écran a une résolution fixe → pour une image destinée à l’écran
inutile d’avoir une résolution supérieure ou inférieure ;
l’imprimante doit avoir 300 DPI→ l’image à imprimer doit être de
résolution supérieure ou égale ;
l’appareil photo a un capteur ayant un nombre maximum de
pixels→ choisir en fonction des attentes.
Généralités Différentes branches de l’informatique graphique Plan du cours
Caractéristiques de l’image numérique
Exercice d’application sur la taille d’une image
On a un écran de 240 DPI, une imprimante de 300 DPI et un
appareil photo numérique de 18 Megapixels soit une définition
(largeur X hauteur) de 6000px X 3000px. Si on prend une
photo :
Quelle est la taille maximale de papier qu’on peut choisir
pour l’impression ?
Quelle est la taille maximale de l’écran pour un affichage
de bonne qualité ?
Généralités Différentes branches de l’informatique graphique Plan du cours
Caractéristiques de l’image numérique
Correction de l’exercice
Puisque Taille = Nombre de pixels / résolution et qu’on a la
résolution, alors :
Taille pour impression : (6000px / 300 DPI) x (3000px / 300
DPI) soit 20 pouces X 10 pouces ;
Taille à l’écran : 25 pouces X 12.5 pouces.
Introduction à l’image numérique
1 Généralités
2 Différentes branches de l’informatique graphique
3 Plan du cours
Généralités Différentes branches de l’informatique graphique Plan du cours
Informatique graphique
Image numérique
Acquisition : Transmission
transformation de stockage
Scène réelle l'énergie lumineuse en
énergie électrique
Codage : Compression : Vision artificielle /
transformation de Changement de représentation de
Compression Analyse d'image
grandeur analogique en l'image de sorte à réduire la
grandeur numérique quantité de mémoire nécessaire
Amélioration : Segmentation :
Partition de l'image en fonction
Correction du bruit d'acquisition,
de prédicat comme la couleur,
de numérisation ou de compression
la texture, la luminance, le
pour rendu visuel ou analyse
mouvement, ...
Extraction de
Image analogique Dispositif Caractéristiques :
Visualisation
Transmission Calcul de grandeurs scalaires
d'acquisition stockage par dénombrement ou détection
d’événements
d'image
numérique Traitement d'image
Généralités Différentes branches de l’informatique graphique Plan du cours
Acquisition
Problématique
Il s’agit de mémoriser une scène de façon numérique. Cela
soulève les problématiques suivantes :
Comment traduit-on les objets de la scène en signal
électrique ?
Comment numériser ce signal électrique ?
Outils
Utilisation de capteurs qui transforment la lumière
renvoyée par les objets de la scène en impulsion
électrique ;
Utilisation d’un dispositif électronique qui transforme le
signal analogique en signal numérique.
Généralités Différentes branches de l’informatique graphique Plan du cours
Acquisition
De la représentation logique
Nous considérons les images matricielles, où chaque cellule de
la matrice correspond à un pixel. Néanmoins au niveau du
stockage il y a plusieurs types de représentations :
Images binaires ;
Images en niveaux de gris ;
Images couleurs RGB ;
Images couleur indexées.
Généralités Différentes branches de l’informatique graphique Plan du cours
Acquisition
De la représentation logique
Images binaires : chaque pixel est noir ou blanc et a la
valeur 0 ou 1. Poids du fichier image : nombre de pixels de
l’image en bits ;
Images en niveaux de gris ;
Images couleurs RGB ;
Images couleur indexées.
Généralités Différentes branches de l’informatique graphique Plan du cours
Acquisition
De la représentation logique
Images binaires ;
Images en niveaux de gris : chaque pixel a une valeur entre
noir et blanc et représenté par une valeur entre 0(noir) et
255(blanc).Poids du fichier image : nombre de pixels de
l’image × nombre de bits pour représenter un pixel ;
Images couleurs RGB ;
Images couleur indexées.
Généralités Différentes branches de l’informatique graphique Plan du cours
Acquisition
De la représentation logique
Images binaires ;
Images en niveaux de gris ;
Images couleurs RGB : pour représenter chaque pixel il faut
3 nombres correspondant aux 3 couleurs de base que
sont : le rouge, le vert et le bleu. On peut utiliser 3
matrices, une pour chaque [Link] du fichier
image : nombre de pixels de l’image × nombre de bits pour
représenter un pixel dans une composante × 3 ;
Images couleur indexées.
Généralités Différentes branches de l’informatique graphique Plan du cours
Acquisition
De la représentation logique
Images binaires ;
Images en niveaux de gris ;
Images couleurs RGB ;
Images couleur indexées : utiliser 3 matrices est couteux en
espace pour les grandes images. Donc on garde une
matrice et on créer une matrice de couleurs indexée :
chaque pixel contient l’index de sa couleur. Poids du fichier
image : nombre de pixels de l’image × nombre de bits pour
représenter un numéro de l’index + nombre de lignes de
l’indexe × nombre de bits pour coder la valeur de niveau de
gris d’une composante × 3.
Généralités Différentes branches de l’informatique graphique Plan du cours
Acquisition
Image couleur indexée
Généralités Différentes branches de l’informatique graphique Plan du cours
Acquisition
Exercice sur le poids du fichier d’une image
On a une image de définition 6000px X 3000px. Déterminer le
poids du fichier image si :
C’est une image binaire ;
C’est une image de 16 niveaux de gris ;
C’est une image couleur RGB avec un octet par pixel par
composante ;
C’est une image couleur indexée avec un octet par pixel
par composante et 16 couleurs distinctes dans l’image.
Généralités Différentes branches de l’informatique graphique Plan du cours
Acquisition
Format d’images
BMP : La représentation en fichier est identique à celle en
mémoire (même matrice). Pratique mais très lourd.
Format JPEG : JPEG pour Joint Photographic Expert Group
est une façon de compresser l’image mais avec perte de
qualité. Compression mais altération.
Format PNG : PNG pour Portable Network Graphics est une
façon de compresser l’image en conservant la qualité.
Compression non altérée mais lourd
Format GIF : GIF pour Graphics Interchange Format permet
une compression d’images avec au maximum 256
couleurs différentes. Permet d’enregistrer les animations et
de définir des zones transparentes mais pas adapté pour
les photos.
Généralités Différentes branches de l’informatique graphique Plan du cours
Traitement
Problématique
Optimiser la représentation de l’image en terme de stockage et
de fidélité à la scène. C’est la réponse aux questions :
Comment minimiser l’espace de stockage d’une image ?
Comment corriger les erreurs dans le processus
d’acquisition ?
Outils
Au niveau du stockage, on parlera de compression et les
outils utilisés sont des algorithmes permettant de réduire la
redondance ;
Les corrections sont faites sur base de lois physiques et
mathématiques. On utilisera les filtres par exemple.
Généralités Différentes branches de l’informatique graphique Plan du cours
Traitement
Qu’est-ce qu’on utilise pour faire le traitement d’image ?
Adobe Photoshop (Version free : Adobe Photoshop
Elements) ;
GIMP ;
PhotoFiltre ;
[Link] ;
Scilab, Matlab, ...
C++, Python, ...
Logiciels embarqués aux appareils d’acquisition (Exemple
des appareils photo numériques).
Nous utiliserons GIMP qui est un outil libre et gratuit, Scilab et
Python.
Généralités Différentes branches de l’informatique graphique Plan du cours
Analyse
Problématique
Pour extraire l’information contenue dans une image numérique
il faut lui associer une sémantique et pouvoir extraire cette
sémantique.
Outils
Pour associer une sémantique il faut pouvoir définir des
régions en fonction de critères (couleur, forme, texture, ...) ,
on parlera de segmentation ;
Ici aussi on utilise des algorithmes basés sur des
statistiques, de la géométrie, de l’arithmétique, ...
Généralités Différentes branches de l’informatique graphique Plan du cours
Rappel sur les branches de l’informatique graphique
Trois grandes branches :
Acquisition : permet d’avoir une image numérique ;
Traitement : améliore (stockage/rendu) une image ;
Analyse : permet d’associer une sémantique à une image.
Exercice
Dans un supermarché on veut pouvoir déterminer
automatiquement des clients suspects. On suppose que les
clients suspects répondent à des comportements précis et finis
(suite de positions corporelles par exemple). Dîtes ce qu’il faut
déployer comme dispositif et déterminer pour chaque élément
du dispositif relevant de l’informatique graphique, la branche
correspondante.
Généralités Différentes branches de l’informatique graphique Plan du cours
Rappel sur les branches de l’informatique graphique
Trois grandes branches :
Acquisition : permet d’avoir une image numérique ;
Traitement : améliore (stockage/rendu) une image ;
Analyse : permet d’associer une sémantique à une image.
Correction de l’exercice
Il faut un dispositif de vidéo-surveillance permettant d’envoyer
des alertes en cas de détection de clients suspects ;
vidéo-surveillance : acquisition (par une caméra) et
traitement (pour mettre en exergue la position corporelle
par exemple) ;
détection : analyse (extraire la position corporelle et
comparer avec les positions définies).
Introduction à l’image numérique
1 Généralités
2 Différentes branches de l’informatique graphique
3 Plan du cours
Plan du cours de traitement d’images
Proposition de plan
1 Acquisition de l’image numérique : comment une scène est
transformée en image numérique ? Comment une image
numérique est codée au niveau de l’ordinateur ? Nous
parlerons de lumière, de système visuel, de niveau de gris
et de couleur, et d’algorithme de tracé.
Plan du cours de traitement d’images
Proposition de plan
1 Acquisition de l’image numérique : comment une scène est
transformée en image numérique ? Comment une image
numérique est codée au niveau de l’ordinateur ? Nous
parlerons de lumière, de système visuel, de niveau de gris
et de couleur, et d’algorithme de tracé.
2 Traitement de l’image numérique : Quelle transformation
peut-on faire sur une image numérique ? Nous parlerons de
compression, d’amélioration globale, de filtrage, de
morphologie mathématique et de segmentation.
Plan du cours de traitement d’images
Proposition de plan
1 Acquisition de l’image numérique : comment une scène est
transformée en image numérique ? Comment une image
numérique est codée au niveau de l’ordinateur ? Nous
parlerons de lumière, de système visuel, de niveau de gris
et de couleur, et d’algorithme de tracé.
2 Traitement de l’image numérique : Quelle transformation
peut-on faire sur une image numérique ? Nous parlerons de
compression, d’amélioration globale, de filtrage, de
morphologie mathématique et de segmentation.
3 Travaux dirigés ;
4 Évaluation sur table ;
Plan du cours de traitement d’images
Proposition de plan
1 Acquisition de l’image numérique : comment une scène est
transformée en image numérique ? Comment une image
numérique est codée au niveau de l’ordinateur ? Nous
parlerons de lumière, de système visuel, de niveau de gris
et de couleur, et d’algorithme de tracé.
2 Traitement de l’image numérique : Quelle transformation
peut-on faire sur une image numérique ? Nous parlerons de
compression, d’amélioration globale, de filtrage, de
morphologie mathématique et de segmentation.
3 Travaux dirigés ;
4 Évaluation sur table ;
5 Travaux pratiques : utilisation d’outils de traitements
d’images (imageJ, Scilab, Python) ;
6 Projet : par groupe de 2 ou 3 ;
