TD Traitement Image - Jean

Université Stendhal - Département Informatique Pédagogique - Jean-Philippe Pernin
TD : Traitement des images (utilisation de Paint et Paint.net)
1
TRANSFERT DES FICHIERS
 Transférer et décompresser si nécessaire les documents fournis par l'enseignant vers un dossier de votre
choix sur votre disque dur.
2 OBJECTIFS :
Comprendre les principes du traitement des images numériques
 Acquisition de la source :
- Acquisition directe numérique (appareil photo numérique)
- Numérisation d'un document existant (scanner ou numériseur)
- Capture d'écrans informatiques

Savoir modifier des formats (principaux formats, nombre de couleurs)

Savoir traiter une image à l'aide de Paint.net

Savoir traiter les calques et les images transparentes
3
ACQUISITION DES SOURCES
3.1 Acquisition directe numérique
Dans ce cas, l'image est prise à l'aide d'un appareil de photographie numérique. Le résultat est stocké dans une
mémoire de l'appareil, puis transféré à l'aide vers un fichier de l'ordinateur.
3.2 Numérisation d'un document existant
Dans ce cas, l'image originale provient d'un document papier existant (par exemple, la photo d'un magazine).
Cette image est numérisée à l'aide d'un scanner, puis stockée sous la forme d'un fichier informatique.
3.3 Capture d'un écran informatique
Un certain nombre des logiciels de traitements graphiques permettent de "capturer" un écran informatique (ou
une partie de l'écran) pour le transformer en fichier graphique.
4
MODIFICATION DU FORMAT D’UNE IMAGE NUMERIQUE EXISTANTE SCANNEE
Pour cet exercice vous utiliserez le logiciel Paint
(fourni dans les accessoires Windows).
A ne pas confondre avec Paint.net qui est utilisé dans la deuxième partie de l'exercice.
Vous disposez du fichier <scanner.bmp> qui provient de la numérisation par scanner d'une photo papier.
4.1 Modification du nombre de couleurs au format BMP
On demande le travail suivant :
 A l'aide du logiciel Paint ouvrez l'image <scanner.bmp> (menu <Fichier><Ouvrir>)
Quelle est la taille en octets de l'image (<Fichier> ou

puis <Propriétés>) ? :
Enregistrez dans le dossier <Mes documents> l'image originale (scanner.bmp) sous trois noms différents
dans chacun des formats différents, Bitmap 256 couleurs, Bitmap 16 couleurs, Bitmap monochrome
(choix <Fichier><Enregistrer Sous…>.
-1/4-
Université Stendhal - Département Informatique Pédagogique - Jean-Philippe Pernin

Remplissez le tableau suivant à l’aide de l'explorateur pour connaitre la taille des fichiers obtenus et la
qualité de l’image (excellente, bonne, moyenne, médiocre).
Fichier
scanner.bmp
Résolution (bits /
pixels)
24bits (image originale)
Nb max de
couleurs
16 millions
scanner1.bmp
8 bits
256 couleurs
scanner2.bmp
4 bits
16 couleurs
Taille de
l'image (K0)
Qualité de
l'image
scanner3.bmp

Monochrome
2 couleurs
1 bit
Quel est selon vous, le meilleur compromis taille / qualité ?
Remarque : il est indispensable de rouvrir entre chaque enregistrement le document original
scanner.bmp avant de modifier le format. Pourquoi ?
4.2
Modification du format : les formats JPG et GIF
A partir de cet endroit, vous allez utiliser le logiciel PAINT.NET
Le format BMP (bitmap) n'est pas un format optimisé. Il existe d'autres formats permettant de réduire la taille
en octets des fichiers obtenus sans trop en altérer la qualité (par des techniques de compression). Les
principaux formats sont :
- Format GIF : compatible avec Internet.
Avantage : compresse fortement les images. Permet la transparence.
Inconvénient : limité à 256 couleurs.
- Format JPEG : compatible avec Internet.
Avantage : traite les images en millions de couleurs.
Inconvénient : Ne permet la transparence.
- Format PNG : compatible avec Internet.
Avantage : traite les images en millions de couleurs. Permet la transparence

Rouvrez l'image originale (scanner.bmp) puis enregistrez la dans le dossier <Mes documents> dans
chacun des deux formats (choix <Fichier><Enregistrer Sous…> puis choix dans la liste <Type>).
Comparez avec l'explorateur la taille des différents fichiers BMP obtenus au tableau précédent.
Fichier
scanner.bmp
Taille de l'image (K0)
Qualité de l'image par rapport à l'original
original
scanner.gif
scanner.jpg
scanner.png

Recommencer la même opération avec le fichier dessin.bmp
Fichier
dessin.bmp
Taille de l'image (K0)
Qualité de l'image par rapport à l'original
original
dessin.gif
dessin.jpg
dessin.png
-2/4-
Université Stendhal - Département Informatique Pédagogique - Jean-Philippe Pernin
5
CAPTURE D'UN ECRAN INFORMATIQUE
Pour capturer une zone de l'écran, il est possible d'utiliser les commandes suivantes de Windows
 La touche <ImprEcr> de votre clavier permet de copier dans le presse-papiers la surface totale de l'écran

La combinaison de touches <Alt> + < ImprEcr > permet de copier dans le presse-papiers la surface de la
fenêtre courante.
On demande donc le travail suivant :
 Visitez avec votre navigateur le site de l’université Stendhal. On désire capturer la zone
correspondant au logo de l'Université.

Capturez la fenêtre de votre navigateur <Alt> + < ImprEcr >

Démarrez si nécessaire le programme < Paint.net>. Créez un nouveau fichier <Fichier>..
<Nouveau>

Collez la fenêtre capturée dans Paint.net. fichier <Edition>.. <Coller dans une nouvelle
image>

A l'aide de l'outil rectangle de sélection, délimiter la zone correspondant au logo puis de
nouveau <Edition>.. <Coller dans une nouvelle image>

Enregistrez (choix <Fichier><Enregistrer sous…>) de façon à ce que votre image prenne le
moins de place mémoire possible (c'est-à-dire en choisissant le format le plus adapté).
Quelle est la taille en octets du fichier obtenu ? …………………………………
6 TRAITEMENT D'UNE IMAGE
Dans cet exemple, on va effectuer des traitements à partir de l'image scanner.jpg obtenue ci-dessus
Le logiciel Paint.net propose un ensemble de fonctions de "traitement d'image", dont en particulier :
6.1
Le redimensionnement

Explorez et testez les différents choix du menu <image>

On demande en particulier de modifier les dimensions de l'image (en conservant ses proportions) afin de
régler la hauteur à 400 pixels.
Quelle est la nouvelle taille du fichier en octets ?......................................
-3/4-
Université Stendhal - Département Informatique Pédagogique - Jean-Philippe Pernin
6.2
L'ajustement des propriétés graphiques de l'image
Le menu <Ajustements> sert essentiellement à régler les paramètres de luminosité,
contraste, couleur.
 Explorez et testez les différents choix du menu <Ajustements>. Pensez à
annuler le choix précédent (Ctrl+Z) avant de tester un nouveau réglage.
6.3
L'application d'effets graphiques
Le menu <Effets> permet d'appliquer différents traitements
permettant de modifier l'image de départ..
 Explorez et testez les différents choix du menu < Effets >.
Pensez à annuler le choix précédent (Ctrl+Z) avant de tester un
nouveau réglage.
6.4 L'utilisation des calques
Le menu <Calques> permet de traiter plusieurs images sur des "calques"
qui vont se superposer. Cela permet par exemple de placer un
personnage sur un décor.
On demande le travail suivant :
- il faut placer l'image <personnage.jpg> sur l'image <decor.jpg>.
La procédure sera la suivante :

Lancez Paint.net

Ouvrez le fichier <paysage.jpg> et sauvegardez-le sous le nouveau nom
<paysage1.jpg>

Afficher la liste des calques (menu <Fenêtre>...<Calque> ou F7).

Vous observez qu'il existe un seul calque.

Choisir <Calque><Importer à partir d'un fichier>, puis sélectionnez le
fichier <personnage.jpg>

Vous observez maintenant qu'il existe deux calques.

En utilisant l'outil baguette magique, il s'agit maintenant de "détourer" le personnage
afin qu'il s'intègre dans le décor.

Sélectionner une zone avec la baquette magique puis <Ctrl X>

Répétez l'opération pour détourer entièrement le personnage.

Ajustez ensuite la taille du personnage et placez-le correctement dans le décor.


Pour terminer il faut fusionner les deux calques pour n'en former qu'un seul.

Choix <Calque> <Fusionner avec le calque inférieur>

Sauvegardez vote travail, fermez l'image et réouvrez-la pour voir le résultat obtenu.
-4/4-