l`image comme support pedagogique i) quelques notions de base. ii

ANIMATION CRDP
L'IMAGE COMME SUPPORT
PEDAGOGIQUE
Doc 1
Image_crdp.sxw
L'image peut provenir de 3 origines.
1) Une image existante sur support papier que l'on va numériser (scanner).
2) Une image issue d'un appareil photo numérique.
3) Une image numérique issue d'internet.
Dans chaque cas, on doit se poser la question suivante : Quelle est l'utilisation que je veux avoir de cette
image ? Pour chaque origine la solution sera différente.
I) QUELQUES NOTIONS DE BASE.
1°) Qu'est ce qu'une image numérisée ?
C'est un quadrillage constitué de points ou pixels qui ont chacun des caractéristiques de couleur et de
luminosité.
Plus ces points ou pixels sont petits ou nombreux, plus l'image sera de bonne qualité donc pourra être
agrandie ou mise sur un support exigeant (papier photo).
Si vous agrandissez une image, à partir d'un certain zoom, ces pixels vont apparaître, l'image sera alors
de mauvaise qualité.
Tout l'intérêt de l'utilisation de l'image est de fournir dans chaque situation un produit adapté au contenu
et ne constituant pas un fichier trop lourd puisque la qualité est dans la plupart des cas synonyme de
fichier très important.
2°) Les unités utilisées.
Le dpi (dots per inch) ou ppi (pixels per inch) ou ppp (points par pouce), ils représentent la résolution
de votre image, plus cette valeur est importante, plus l'image comporte de pixels pour une surface
identique, sera de qualité et pourra être agrandie.
Voir site suivant : http://sebsauvage.net/comprendre/dpi/
Le nombre de points ou pixels qui peut être donné pour la largeur, la hauteur ou la surface de l'image.
Ex : Image de 1024 pixels de largeur et de 768 pixels de hauteur = affichage classique sur un écran de
17 pouces de diagonale.
Image d'appareil numérique = multiplication du nombre de pixels en largeur par le nombre de pixels en
hauteur. (pour un 2M de pixels = 1600x1200, pour un 5M de pixels = 2592x1944).
La dimension de l'image exprimée en pouce ou en centimètre.
II) LA NUMERISATION AVEC UN SCANNER.
Les logiciels fournis avec un scanner sont tous différents en fonction de leur marque mais la
caractéristique à retenir pour effectuer un scan est la résolution de l'opération.
Elle dépend de deux choses :
a) Du support de l'image finale.
b) Du rapport de dimension entre l'image initiale et l'image finale.
Si l'image n'est pas redimensionnée :
72 dpi pour une utilisation sur écran.
200 à 300 dpi pour une impression.
300 dpi pour de la reconnaissance de caractères.
Si l'image doit être redimensionnée, multiplier la résolution par le pourcentage d'agrandissement ou de
réduction.
ANIMATION CRDP
L'IMAGE COMME SUPPORT
PEDAGOGIQUE
Doc 2
Image_crdp.sxw
III) IMAGE ISSUE D'UN APPAREIL PHOTO NUMÉRIQUE.
La résolution sera choisie en fonction de l'utilisation future de la photographie.
Visionnage sur télévision = 800x600.
Visionnage sur ordinateur = 1024x768 ou plus suivant résolution utilisée sur le PC.
Impression en 15cm x 11cm = 1600x1200. (2M de pixels)
Impression en 20cm x 15cm = 2048x1536. (3M de pixels)
Impression en 27cm x 20cm = 2592x1944. (5M de pixels)
Si l'image est prévue pour utilisation sur internet il faudra tenir compte de la taille de l'image sur l'écran
et utiliser une résolution de 72dpi.
IV) IMAGE PROVENANT D'INTERNET.
Elle est la plupart du temps de qualité médiocre pour une utilisation autre que la visualisation sur écran
quand elle est récupérée par copier-coller ou par enregistrement direct.
Toujours cliquer sur l'image pour savoir s'il existe une image agrandie.
Elle ne sera de qualité que si elle est prévue au départ pour être téléchargée.
On peut récupérer des images via le web par :
A/ Les moteurs de recherche
Sélectionner une recherche par images
B/ Les sites académiques disciplinaires
C/ Sites d'échanges de photos
Exemple : www.flickr.com
V) LES FORMATS D'IMAGES.
Les images existent sous différents formats que l'on peut reconnaître grâce aux trois lettres (en
général)situées après le nom du fichier.
En dehors des formats spécifiques des logiciels de retouche d'images, les principaux sont les suivants :
1°) Le format BMP = image BitMaP.
Format le plus courant et reconnu par tous les systèmes et logiciels.
Les fichiers sont de très grosse taille.
2°) Le format GIF = Graphic Interchange Format
Format ne comprenant que 256 couleurs donc fichier de faible poids, possibilité de définir une couleur
de transparence. Format non libre. Possibilité d'entrelacement et d'animations.
3°) Le format PNG = Portable Network Graphics
Idem GIF mais le format est libre, gère plusieurs transparences et a un meilleur taux de compression.
Possibilité d'entrelacement et d'animations.
4°) Le format JPG ou JPEG = Joint Photo Expert Group
Format compressé utilisé de façon très général pour les transferts d'images. La compression s'effectue
avec perte d'information que l'on peut moduler de 1 à 99%. Les fichiers sont de faible poids, pas de
transparence ni d'animation mais possibilité d'entrelacement. Format de prédilection des photographies.
Pour en savoir plus :
http://web.ccr.jussieu.fr/urfist/image_numerique/format.htm#JPEG
http://www.commentcamarche.net/video/format-bmp.php3
ANIMATION CRDP
L'IMAGE COMME SUPPORT
PEDAGOGIQUE
Doc 3
Image_crdp.sxw
VI) LA RETOUCHE D'IMAGES.
Nous ne verrons ici que les retouches permettant de redimensionner l'image en fonction des
caractéristiques indiquées ci-dessus, plus quelques fonctions de base.
1°) Les logiciels utilisés.
Les logiciels de retouche d'images sont très nombreux et nous ne travaillerons qu'avec des logiciels
libres qui en plus ne génèrent pas de formats de fichiers propriétaires.
a) PhotoFiltre. (www.photofiltre.com/)
C'est un logiciel assez complet comportant de nombreux effets et plugins et qui permet de réaliser tous
les travaux de base et bien plus encore.
b) XnView. (www.xnview.com/)
Intéressant car il permet de créer des diaporamas très rapidement et gère de très nombreux formats de
fichiers. La visualisation des fichiers est également très performante.
c) IrfanView. (www.irfanview.com/)
Un condensé des deux précédents sans en avoir les capacités de chacun.
D'autres logiciels libres existent bien sur, notamment GIMP, très performant mais avec une interface
assez déconcertante.
2°) Recadrer une image (PhotoFiltre).
Ouvrir la photographie, sélectionner la zone à cadrer en laissant le bouton gauche appuyé (cette zone
peut être redimensionnée après création), cliquer sur Image – Recadrer.
La forme et la dimension de la sélection est paramétrable.
3°) Redimensionner une image (PhotoFiltre).
Cliquer sur Image – Taille de l'image.
Modifier les éléments comme indiqué ci-dessous.
Indiquer l'unité dans laquelle
vous désirez travailler.
Indiquer la largeur que la photographie
aura dans votre document, la hauteur
s'adaptera automatiquement.
Mettre la valeur de la résolution
que vous voulez obtenir.
L'image est réduite pour s'adapter au support utilisé et
ne pas constituer un trop gros fichier.
Rappel pour la résolution :
Affichage écran :
72 dpi
Impression papier ordinaire : 150 dpi
Impression papier photo :
250 à 300 dpi
ANIMATION CRDP
L'IMAGE COMME SUPPORT
PEDAGOGIQUE
Doc 4
Image_crdp.sxw
4°) Compresser une image.
La compression se réalise en prenant une
format de fichier permettant celle-ci, en
général le format JPEG, et en choisissant le
taux de cette compression.
Choisir le format JPEG.
Indiquer le taux de compression, plus
celui-ci est élevé plus la qualité est
conservé mais plus le fichier restera
de taille importante. En général, ne
pas descendre en dessous de 80%.
En définitive, le poids d'un fichier (nombre de ko ou Mo) dépendra de la taille de l'image et de son taux
de compression.
5°) Amélioration de l'image et effets spéciaux.
De nombreux réglages permettent d'améliorer les défauts d'une photographie dont les principaux sont
regroupés dans la barre d'outils ci-dessous.
Parallèlement, de très grandes possibilités d'effets sont disponibles par le menu Filtre.
6°) Couleur de transparence.
Dans certains cas il peut être intéressant de définir une couleur de transparence pour des logos par
exemple.
Cliquer sur Image – Couleur de transparence... et choisir la couleur.
Enregistrer l'image au format GIF ou PNG.
En format PNG il est possible de définir plusieurs couleurs transparentes.
Lorsque vous insérer l'image dans un document, la ou les couleurs transparentes n'apparaissent pas et
vous voyez à la place la couleur de fond de votre document.
ANIMATION CRDP
L'IMAGE COMME SUPPORT
PEDAGOGIQUE
Doc 5
Image_crdp.sxw
VII) APPLICATIONS
1°) Adapter le poids d'une image. (dossier Images)
Redimensionner l'image Ciel.jpg ou Plage.jpg et indiquer le poids correspondant dans le tableau.
Ciel.jpg
Plage.jpg
Taille de l'image d'origine = 2592 x 1944 soit 5 millions de pixels
Poids de l'image = 2495 ko.
Taille de l'image d'origine = 2048 x 1536 soit 3,1 millions de pixels
Poids de l'image = 1323 ko.
Utilisation
Compression
100
Compression
95
Compression
90
Compression
Impression photo 300dpi
taille maximum.
Impression photo 15x11cm
Fond d'ecran 17''
(1024x768)
Impression classique
15x11cm (150dpi)
Télévision (800x600)
Internet image 15cm
Internet image 3cm
2°) Capture d'écran
Appuyer sur la touche imp écr (imprime écran) du clavier pour obtenir un cliché de l'écran en entier
ou ALT + imp écr pour obtenir un cliché de la fenêtre en cours . Il ne se passe rien à l'écran mais
l'image est placée temporairement dans le presse-papier. Dans Photofiltre, ouvrir un nouveau
document puis clic droit copier. Vous retrouvez alors l'image de l'écran.
ANIMATION CRDP
L'IMAGE COMME SUPPORT
PEDAGOGIQUE
Doc 6
Image_crdp.sxw
VIII Intégrer une image dans un document
Une image peut être intégrée dans de nombreux supports logiciels selon vos besoins :
A - Le diaporama
Il est adapté à une projection en classe pour faire défiler des images et du texte.
Quelques exemples : - vous voulez illustrer un cours
- les élèves font un exposé
B- Le traitement de texte
Il sera plus adapté pour faire des documents papiers.
Quelques exemples : - devoirs maison, tests
- compte-rendus
C - Les exercices interactifs (hot potatoes)
Ils seront plus adaptés pour faire travailler les élèves en autonomie.
Quelques exemples : - exercices de remédiation
- activités en langues
D – Les pages web
Ces supports vous permettront de diffuser vos images via des sites web,
Quelques exemples : - mettre en ligne une sortie scolaire
- déposer vos cours en consultation sur le site de l'établissement
Compression
100
Compression
95
Compression
90
Impression photo 300dpi
taille maximum.
3225ko
1474ko
962ko
Impression photo 15x11cm
1649ko
735ko
481ko
Fond d'ecran 17''
(1024x768)
583ko
268ko
190ko
Impression classique
15x11cm (150dpi)
449ko
213ko
156ko
Télévision (800x600)
373ko
183ko
137ko
Internet image 15cm
143ko
93ko
80ko
Internet image 3cm
60ko
57ko
57ko
Utilisation
Compression