Illustrer un article

Préparer les images.

Plusieurs formats informatiques d’image sont acceptés sur le site :
Le plus courant, le format classique des photos, le format JPEG est le plus utilisé par les rédacteurs.
Pour information, les autres formats acceptés sont :

• Le format PNG
• Le format GIF

Ces 2 derniers étant plutôt utilisés par les concepteurs de site pour les interfaces graphiques.

Une fois que les images sont préparées (voir plus bas dans l’article « A propos des images », que le rédacteur a réfléchi sur leur position dans l’article, il suffit de les télécharger et de les placer.
Si vous avez suivi la procédure décrite dans l’article Mise en forme, le document est maintenant prêt à être illustré ; dans l’interface privée, il suffit de reprendre l’article (cliquer sur l’icône « Modifier l’article »)

Télécharger et placer les images

• 1. Parcourir son ordinateur et sélectionner l’image souhaitée
• 2. Télécharger l’image : une fois téléchargée, une boite de dialogue apparaît
• 3. Renseigner le titre et la description de l’image (ces informations seront utiles pour les malvoyants qui utilisent des logiciels lecteurs d’écran, mais également pour le référencement dans les moteurs de recherche)
• 4. Enregistrer
• 5. Placer le curseur de la souris à l’endroit de l’article où on souhaite placer l’image
  • Pour une image centrée : placer le curseur sur une ligne vide, entre 2 paragraphes
  • Pour une image à droite ou a gauche, placer le curseur avant la première lettre du paragraphe
• 6. Choisir le positionnement de l’image en double cliquant sur left, center ou right.

Quand on place une image à droite, le texte l’habille par la gauche, et inversement pour une image à gauche.

On recommence l’opération pour chaque image à placer dans l’article.
Dans l’éditeur, en mode rédaction, chaque image insérée est indiquée par son identifiant et son positionnement avec la syntaxe : >img144|center<

Une fois l’article illustré, ne pas oublier de l’enregistrer.

Notes à propos des images.

Le but de ce didacticiel n’est pas d’apprendre le traitement des images.
Une page Internet est une grille de texte sur laquelle on peut « accrocher » des médias :

 Des images
 Des sons
 Des videos
 Des animations.

Si le texte n’a pas un grand poids informatique, il en va tout différemment des médias, et il serait illusoire par exemple de vouloir visionner une vidéo à partir du web si l’on ne dispose pas d’une connexion à haut débit (câble, ADSL).
Dans une moindre mesure, les images peuvent considérablement ralentir l’affichage d’une page web si on ne prend pas soin de les « retravailler » avant de les mettre en ligne, et cela pour plusieurs raisons :
 Pemettre un affichage des images même pour les internautes ne disposant pas de haut débit (c’est le cas dans de nombreux villages)
 Donner plus de liberté pour le placement des images à l’intérieur d’un article (une image trop grande ne peut être affichée que centrée dans l’article)
 Eviter au rédacteur des téléchargements longs (même en ADSL…)

Pour exemple, la plupart des appareils photos numériques restituent des images d’une qualité suffisante pour faire réaliser des tirages de grande dimension, et de ce fait, « pèsent » plusieurs Mo, alors qu’un écran informatique n’est de toutes façons pas capable de restituer cette qualité, et, en principe, une image illustrative dans une page Web ne devrait pas peser plus de 40 Ko, soit, souvent 100 fois moins que l’image brute sortie de l’appareil photo, et donc, 100 fois plus rapide à s’afficher à l’écran.

Réduire le poids d’une image

Pour réduire le poids informatique d’une image, on agit sur deux critères :
 La taille de l’image
 Sa compression informatique

Les concepteurs du site réduisent d’autorité la taille des images à une dimension permettant son affichage dans l’article (largeur maximale de l’affichage : 480px), mais ne la compressent pas… cette opération peut être réalisée très simplement grâce à des logiciels comme Photoshop ou Gimp.

Le didacticiel complet, au format PDF, téléchargeable à la fin de l’article Vidéo, Diaporama