C'est l'art de représenter ou de reproduire graphiquement un phénomène ou un objet du monde objectif ou symbolique: du dessin réaliste au pictogramme.

1. Image informative:
la Photo et le dessin réaliste

Pour aider à rythmer et faciliter la lecture: image indicative pouvant illustrer un chapitre ou une séquence d'apprentissage (rôle attentionnel joué par l'image).

• Pour enlever l'ambiguïté du texte: image informative, le dessin technique ou les plans d'une maison (signe analogique ayant un rapport de similitude avec l'objet visé) qui vient ancrer le texte pour diminuer les écarts d'interprétation.

2. Image explicative:
le Schéma

Pour améliorer la lisibilité du texte: image explicative, le schéma  est une représentation figurative
offrant une vision globale du fonctionnement d'un objet ou d'un phénomène complexe de la réalité tel que
le cycle de l’eau ou d’un cyclone !
 

3. Images symboliques:
le Pictogramme et le Logo

Pour aider le repérage rapide de fonctionnalités ou de tâches à faire (rôle rétentionnel):
le pictogramme , aussi appelé icône par les informaticiens; il s'agit d'un signe/signal destiné à agir sur le comportement du destinataire, à provoquer une réaction; son rapport avec l'objet visé dans la réalité est symbolique, même s'il peut exister une analogie au départ comme c'est le cas avec les pictogrammes
suivants:
renvoie à la fonction musicale
renvoie à la fonction de messagerie électronique (courriel)
ici le pictogramme représente un espace, une fonctionnalité à déterminer , donc non figée culturellement (déserter!)

Ces deux pictogrammes n'ont pas de rapport analogique avec leur référent (objet dans la réalité),
car on emprunte une lettre au code arbitraire de la langue: le E pour  Explorer et le W pour le Word.

Pour en savoir davantage sur les pictogrammes, allez sur le site d'Interface: http://interface.free.fr/Graphisme/Element_picto.html
 

Logo
Pour identifier une entreprise,  un produit, une marque:
le logo (type):dessin , graphisme ayant valeur de symbole tel  le logo du journal La Presse ou du Voir
(Dictionnaire du multimédia, 1990. Paris: Éditions Eyrolles, p.57).
 

4. NUMÉRISATION /MODIFICATION D'IMAGES

NUMÉRISER (scanner) est une opération de codage de l’image, du son ou les deux pour représenter numériquement
(en chiffres),sous forme de bits ou d’octets,des caractéristiques physiques du son (variation de l’onde sonore) ou de l’image
(variations de l’intensité lumineuse).

Une fois les images numérisées, le programme le plus connu pour traiter graphiquement ces  images (photos ou dessins) numérisées est Photoshop (Adobe) mais il en existe d’autres plus faciles à manipuler et moins coûteux  comme PaintShopPro .

Deux CRITÈRES sont à considérer lors de la numérisation d’images:

A  résolution égale, une image en demi-teintes ou à tons continus nécessitera plus d'espace disque qu'une image au trait.
Par conséquent, il est inutile de numériser une image au trait en tons de gris. De même, une image en tons de gris numérisée comme une image au trait risque de perdre beaucoup de son charme, parce que tous les gris pales vont devenir blanc et tous les gris foncés vont devenir noir, comme pour une photo à haut contraste.

En général il est souhaitable de numériser une image au trait avec une résolution plus grande (300 DPI) qu'un original en demi-teintes (100 DPI), parce que les détails ont plus d'importance dans une image au trait, tandis que dans les originaux en demi-teintes, ce sont surtout les nuances qu'il s'agit de conserver.
 
 

Si vous voulez imprimer en noir et blanc, numérisez vos images au trait à 300 points au pouce carré ou DPI et vos images en demi-teintes (ou en gris) à 100 DPI . 

Si, par contre, vous voulez exporter vos images sur le Web, alors SAUVEGARDEZ-LES toujours à 
72 DPI, même si vous les avez numérisées à 300 DPI.
 

Donc, si la diffusion des images se fait sur l'Internet, la résolution des images doit être de 72 points au pouce carré (dpi); cette résolution est couramment appelée qualité écran. Dans le logiciel Adobe Photoshop, on indique la résolution des images dans la boîte de dialogue où est aussi déterminée la grosseur de l'image («Image size» dans le menu déroulant «Image»).