Aide:Mettre une image dans un article

Cette page explique comment mettre une image déjà importée dans un article. Elle n'explique pas comment importer une image sur Vikidia. Pour insérer une image, il faut déjà que cette image soit importée sur ce site (lire l'aide:Importer une image).

Sommaire

[modifier] Pourquoi insérer des images

Les images que vous ajouterez à un article l'illustreront, ce qui le rendra plus attrayant, plus clair et plus lisible. Vous pourrez, grâce à une image, attirer l'attention sur un point de l'article que vous voulez mettre en évidence.

Certaines images peuvent apporter une information supplémentaire. C'est le cas d'un shéma. Plus un shéma est simple, plus il est informatif. Mais une photographie apporte elle-aussi une information. Par exemple, la photographie d'un animal permet au lecteur une idée de ce à quoi l'animal ressemble.

En plus, c'est joli ! Mais attention à ne pas surcharger inutilement un article. Se rappeler de la phrase suivante :

Pas assez d'illustrations rend l'information peu accessible ; mais trop d'illustrations tue l'information.

[modifier] Accessibilité

Pour des raisons d'accessibilité (facilité d'accès aux personnes mal-voyantes, ou ayant des moyens d'affichage non standard), il est conseillé :

  1. d'utiliser "thumb" (voir explication plus bas)
  2. de ne pas spécifier de taille avec "thumb" (l'utilisateur peut la régler dans ses préférences)
  3. de mettre une légende dans tous les cas, même quand elle ne s'affiche pas (cette légende est utilisée par les programmes pour aveugles)

[modifier] Syntaxe classique

Pour placer une image dans un article, il suffit d'écrire :

[[Image:nom de l'image|positionnement|taille]].

où :

  • positionnement est à remplacer par left (gauche) ; center (centre) ; ou bien right (droite). Cette option indique l'emplacement de l'image dans le corps de l'article. Si le positionnement n'est pas indiqué, l'image devient une image flottante, ce qui est fortement déconseillée.
  • taille est à remplacer par la taille de l'image. La taille peut s'exprimer en px (pixels). Il est fortement conseiller de prévisualiser pour avoir une idée du résultat.

Par exemples :

[[Image:Labrador.jpg]] donne une image flottante :

[[Image:Labrador.jpg|right|300 px]] donne une image à droite habillant le texte :
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla Image:Labrador.jpg bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

[[Image:Labrador.jpg|left]] donne une image à gauche habillant le texte :

[[Image:Labrador.jpg|center]] donne une image centrée qui n'habille pas le texte :
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla
bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

[modifier] Syntaxe avec légende

On peut aussi rajouter la fonction thumb, qui permet d'y insérer une légende. Il faut alors écrire :

[[Image:nom de l'image|thumb|''positionnement''|taille|légende]].

où :

  • Thumb est un mot obligatoire pour que la légende soit affichée.
  • Les options positionnement et taille fonctionnent comme ci-dessus. En l'absence de cette option, mais en présence de thumb, l'image se placera automatiquement à droite par défaut.
  • L'option légende est à remplacer par texte qui apparaitra sous l'image.

Remarque : l'ordre dans lequel thumb, positionnement et taille sont insérés n'a aucune importance.

Par exemples :

[[Image:Labrador.jpg|thumb|96px|Un labrador.]], qui donnera une image légendée alignée à droite : [[Image:Labrador.jpg|left|thumb|200px|Un labrador.]], qui donnera une image légendée alignée à gauche :

bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

Un labrador.
Un labrador.

bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

Un labrador.
Un labrador.

bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla

Outils personnels
Problème de contenu
Pour approfondir