Aide:Insérer une image (wikicode, avancé)

Wikicode
Cette page ne concerne que le wikicode (liens « modifier le code »).
Niveau avancé
Nous vous recommandons de lire auparavant Aide:Insérer une image (wikicode)
Cette page présente des syntaxes avancées de wikicode, destinées à une gestion fine des images.

Insérer une image en saisissant le wikicode

Voici la syntaxe de base pour placer une image en utilisant le wikicode :

[[Fichier:Nom du fichier|vignette|alt=Texte alternatif pour l'image|Légende de l'image]]

Ainsi, l'image apparaît dans un cadre sur le côté droit de l'article, avec une taille standard de 180 pixels de large. Sa légende est placée en bas du cadre, et en bas à droite une petite icône (   ) fournit un lien sur l'image en format original. Le texte alternatif n'apparaît que si l'image n'est pas affichée, par exemple si le téléchargement est interrompu, ou lors de la lecture de la page par synthèse vocale. Pour mieux comprendre, voici un exemple simple :

[[Fichier:Kleinbildfilm_01_KMJ.jpg|vignette|alt=Un ruban de pellicule de film déroulé|Une pellicule.]]

 
Une pellicule.

…qui donne cette image (cf. à droite)

  • « Fichier:Kleinbildfilm_01_KMJ.jpg » est le nom du fichier image. Il s'agit du titre de l'image, telle que vous la trouverez sur Wikimedia Commons, ou si vous avez trouvé l'image sur Wikipédia. Parfois on trouve écrit « Image: » ou « File: » au lieu de « Fichier: », c'est simplement une autre manière de faire qui revient au même.
  • « vignette » (attention, ne pas mettre un V majuscule) permet de ne voir automatiquement qu'une vignette, un aperçu réduit de l'image, entouré d'un cadre gris clair par défaut. Sur les articles, la mise en vignette des images est obligatoire. Par défaut vignette affiche une image de 180 pixels de large mais chaque Wikipédien(ne) inscrit(e) est libre de modifier cette taille dans ses préférences. Il est aussi possible d’utiliser à la place la version anglaise « thumb », qui donne un rendu identique.
  • « alt=Un ruban de pellicule de film déroulé » est une description alternative qui décrit brièvement (éviter de dépasser 120 caractères) l'image pour le visiteur n'y ayant pas accès. Une image ne voulant pas ou ne pouvant pas se charger sera remplacée par ce texte ; dans un navigateur en mode texte, c'est ce texte alternatif qui est affiché ; pour les malvoyants, le synthétiseur vocal lira ce texte alternatif. En l'absence de ce texte alternatif, les logiciels de synthèse vocale liront le plus souvent le nom du fichier image, généralement peu ou pas compréhensible.
  • « Une pellicule. » est le texte de la légende, au libre choix du contributeur, mais doit répondre à certains critères précis : n'être pas trop long et situer le contexte de l'image. Il est possible d'insérer des liens internes dans la légende.
Où trouver des images ?

Beaucoup de photos non utilisées se trouvent sur Wikimedia Commons. Si vous avez importé des images, c'est là qu'elles se trouvent.
Auprès de chaque image sur Commons se trouve le lien  , qui génère un code à copier/coller pour utiliser l'image sur Wikipédia. Pensez à ajouter le texte alternatif (alt=).

Dans cet exemple : Le crédit n'est pas mis directement dans la légende de l'image ni dans la page d'article. En effet, Wikimedia et ses projets ont une pratique bien établie et uniforme qui veut que les crédits d'auteurs de contenu, que ce soit textes, images ou autres, soient situés dans les pages dédiées immédiatement accessibles par un simple clic depuis chaque article concerné, notamment les pages de description d'images[1].

Syntaxe détaillée pour l'insertion d'images

Cas particulier : insérer une image dans une boîte d'information (infobox)

Certains articles possèdent, sur le côté droit, des boîtes d'information (appelées « infobox » dans le jargon de Wikipédia) résumant le contenu de l’article. Il est possible d'y ajouter une image.

Pour cela, choisissez votre image (voir plus haut). Sur la page concernée, cliquez sur le lien « modifier » situé en bas de l'infobox. S'ouvrira alors une page présentant le code de l'infobox : des paramètres, suivis du signe « = ». Il est possible de tout coller ou de mettre autant de blancs que nécessaire, mais il est conseillé d'aligner et d'espacer pour une meilleure lecture du code. Les paramètres sont à remplir après le signe « = ». Trouvez le paramètre « image » ou « logo ». Collez en face le code de l'image.

Exemple avec « Cahors pont Valentre vgen.jpg » donnée en paramètre :


| image = Cahors pont Valentre vgen.jpg


Selon les modèles d'infobox, il existe en général un ou des paramètres de légende et taille de l'image (lire pour cela la documentation liée au modèle de l'infobox utilisée).


  • Le paramètre « légende » est parfois disponible (n'hésitez pas à le remplir), exemple :


| légende = Le [[pont Valentré]].


  • Un paramètre « taille » est souvent présent (mais le nom exact peut varier), exprimé en nombre de pixels (px). Il permet de réduire ou augmenter la taille d'une image, la largeur de celle-ci étant fixée à 280 pixels au maximum.
  • Un paramètre « upright » est parfois présent (exemple : dans l'infobox Cinéma (film)). Il permet de changer la taille d'une image par une valeur multiplicative, la largeur maximale du rendu de l'image étant limitée à 280 pixels. La valeur est un nombre entier ou décimal et utilise la notation anglaise de la virgule (un point). Exemples :

| taille = 1.4

| taille image = 2

| taille logo = 0.7

Positionnement des images

À gauche, au milieu, à droite

Il est possible de placer les images de plusieurs manières différentes dans le texte. Elles doivent être au plus près de l'information qu'elles illustrent, ne pas gêner la lecture, ne pas créer trop de sauts de ligne, être espacées et ne pas surcharger la présentation de la page.

Suivant la syntaxe de base, vous pouvez insérer une information de positionnement :

[[Fichier:Nom de l'image|vignette|alt=alternative textuelle|positionnement|légende.]]

Ce positionnement peut avoir pour valeurs :

  • left ou gauche, ce qui alignera l'image à gauche du texte ;
  • center ou centré, ce qui placera l'image au centre du texte, sans rien autour ;
  • right ou droite, ce qui alignera l'image à droite du texte.

Si vous n'indiquez pas de positionnement, l'image sera placée à droite du texte.

Galerie

Une galerie d'images sur Wikipédia est une succession d'images organisée horizontalement. Elle se situe souvent en bas des articles, quand des images particulièrement pertinentes sont présentes en trop grand nombre et ne peuvent pas être placées directement en lien avec le texte.

Options d'affichage

Taille des images

 
Schéma de plaques tectoniques (taille standard).
 
Schéma de plaques tectoniques (avec upright [ou redresse] égal à 1.25).

La taille des images est ajustable sur Wikipédia. Si aucun paramètre n'est choisi, en dehors de vignette, une image mesure 180 pixels de large. Le principal paramètre pour définir la taille d'une image est upright qui a son équivalent avec un nom français redresse.

Exemple de code :

[[Fichier:Schéma plaques tectoniques.png|vignette|upright=1.25|Schéma de plaques tectoniques.]]

ou son équivalent :

[[Fichier:Schéma plaques tectoniques.png|vignette|redresse=1.25|Schéma de plaques tectoniques.]]


Un upright (ou redresse) valant « 1.25 » signifie que l'image sera 1,25 fois (25 %) plus grande que la taille standard. Un upright (ou redresse) valant « 1.5 » signifie que l'image sera 1,5 fois (50 %) plus grande que la taille standard, etc.

Afficher une partie seulement de l'image

Détail du schéma de plaques tectoniques.

Le modèle {{Détail image}} permet de n'afficher qu'une partie d'une image, avec un découpage lors de l'affichage.

Ce modèle n'est pas destinée à se substituer à un redécoupage d'une image mal cadrée, mais plutôt à permettre, comme son nom l'indique, de n'afficher qu'une partie de l'image, un détail précis par exemple.

À noter que l'image est toujours téléchargée en entier et est uniquement recadrée à l'affichage, en utilisant les feuilles de style en cascade (CSS). Cette méthode ne fonctionnera donc pas sur un navigateur ne prenant pas en charge le CSS, ou si la prise en charge de celui-ci est désactivée.

Exemple de code :

{{Détail image |image=Schéma plaques tectoniques.png |largeur initiale=1000 |largeur détail=220 |hauteur détail= 100 |point haut=170 |point gauche=210 |position=droite |légende= Détail du schéma de plaques tectoniques.}}

Légende détaillée

Le modèle {{Légende}} permet d'ajouter une légende explicative pour les couleurs utilisées dans l'image. Il est ainsi particulièrement utile pour les cartes thématiques ou les graphiques.

Image cliquable

Par défaut, cliquer sur l'image permet d'accéder au fichier et à sa description. Mais il est aussi possible d'associer un lien vers un article, ou une section de l’article, avec la syntaxe <imagemap>. Cette syntaxe fait aussi apparaitre un texte lors du passage du curseur sur l'image.

Il est aussi possible de définir plusieurs zones cliquables sur une même image. On peut ainsi associer des liens à des secteurs de cartes, ou à des détails de vues panoramiques.

Créer un lien vers une image

Il est possible de faire un lien vers une image au fil du texte. Il suffit de placer un deux-points : après les signes [[. Cette faculté est strictement réservée aux espaces de discussions et aux pages méta, et ne doit pas être utilisée dans des articles encyclopédiques.

Exemple : [[:Fichier:Kleinbildfilm 01 KMJ.jpg]] donne « Fichier:Kleinbildfilm 01 KMJ.jpg »

Pour faire un lien vers une image située sur Commons, il faut utiliser le code [[commons:File:nomdemonimage.jpg|nom affiché]] qui, dans le texte, donne « nom affiché ».

Compléter une image

Pour ajouter des informations, éventuellement cliquables, sur un fond illustré. La précision de lieux géographiques sur une carte est une application courante, avec des modèles dédiés.

Autres types de fichiers

Il est possible d'insérer d'autres fichiers : vidéos, fichiers audio, livres au format pdf...

Livres

 
Livre présentant Wikipédia, Wikimedia Commons, le Wiktionnaire et les autres projets.

Pour les livres, il est possible de choisir la page à afficher avec le paramètre page=. La page 13 du livre ci-contre au format pdf est affichée avec le code suivant : [[Fichier:Présentation Wikipédia - Wikimedia.pdf|vignette|page=13|Livre présentant Wikipédia, Wikimedia Commons, le Wiktionnaire et les autres projets.]]

Notes et références

  1. Si l'auteur a spécifié explicitement par une condition claire un autre endroit où il faut placer le crédit, l'image n'est pas utilisable puisque la condition n'est pas compatible avec la pratique de Wikipédia. Voir question et réponse de Légifer ici.

Voir aussi