Aide:Insérer une image

Où trouver les images ?

Avant de placer une image sur une page de Wikipédia, il faut qu'elle ait été préalablement téléchargée sur l'un des serveurs de la Wikimedia Foundation, en général sur Wikimedia Commons, un projet parallèle, spécialisé dans les images libres de droits..

J'ai trouvé une image que je désire insérer dans un article de Wikipédia

• L'image est sur Commons: vous pouvez insérer directement l'image sur une page de Wikipédia comme expliqué ci-dessous.
• L'image n'est pas sur Commons: vous devez d'abord télécharger votre fichier, ou un fichier provenant d'une autre Wikipédia, pour l'importer sur Commons. Néanmoins, attention, votre image ou photographie doit impérativement appartenir au domaine public, ou être régie par une licence libre, sinon, elle risque d'être supprimée sans avertissement quelconque.

Pour plus de détails voir : Aide:Importer un fichier.

Limitez l'illustration de l'encyclopédie à des images indispensables et n'oubliez pas de les évoquer dans le texte car elles ne sont pas accessibles aux déficients visuels ni aux lecteurs d'écrans. Des liens vers Commons permettent en général à ceux qui le désirent d'accéder aux images complémentaires pour chaque article.

Je recherche une image pour illustrer un article

• Pour un logo, vous pouvez chercher sur Wikipédia à cette catégorie
• Pour une photographie, il faut chercher parmi celles présentes sur Commons. Elles y sont classées par catégories afin de mieux vous orienter. Cliquez ici pour débuter sur Commons.

Il existe un outil pratique : Mayflower : Le moteur de recherche sur Commons (vous aurez plus de résultats en rédigeant les requêtes en anglais, ou bien en latin pour les espèces biologiques).

Insérer une image dans une page

Illustration standard

En général, une syntaxe simple suffit pour placer votre image :

[[Image:Nom de l'image|thumb|alt=alternative de l'image à compléter|légende à compléter]]

Ainsi, l'image apparaîtra avec une taille standard (180px par défaut) et se placera sur le côté droit de l'article, accompagnée en dessous de votre légende et d'une petite icône (  ) à droite servant à donner un lien vers l'image dans son format original. Un texte alternatif invisible par défaut viendra remplacer l'image lorsque celle-ci ne peut pas apparaître (par exemple, lors de la lecture de la page par une synthèse vocale). Pour mieux comprendre, voici un exemple simple :

[[Image:Pellicule.jpg|thumb|alt=Un ruban de pellicule photographique déroulé|Une pellicule]]

Fichier:Pellicule.jpg

Une pellicule

Qui donne cette image (cf à droite) →

Modèle:Green:

• « Modèle:Green » est le nom du fichier image. C'est tout simplement le titre de sa page sur Commons (cliquez sur l'image de droite pour le voir, en haut de la page).
• « Modèle:Green » (attention ne pas mettre un T majuscule) permet de ne voir automatiquement qu'un aperçu réduit de l'image, entouré d'un cadre blanc. Sur les articles, l'utilisation du thumb est obligatoire. Par défaut thumb affiche une image de 180px mais chaque wikipédien inscrit est libre de modifier cette taille paramétrable dans les préférences.
• « Modèle:Green » est l'alternative qui décrit brièvement l'image pour le visiteur n'y ayant pas accès
• « Modèle:Green » 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.

L'alternative textuelle doit être concise et reproduire rapidement l'information principale apportée par l'image. Pensez notamment aux logiciels de synthèse vocale pour mal-voyants et à la consultation sur du matériel n'affichant que le texte. En l'absence de cette alternative, les logiciels de synthèse vocale liront le plus souvent le nom du fichier image, généralement peu ou pas compréhensible.

L'illustration insérée ainsi convient parfaitement dans la plupart des articles mais on peut avoir, dans certains cas particuliers, besoin de modifier ou d'ajouter des paramètres :

Options de positionnement et de taille

Il est aussi possible de paramétrer son image en lui donnant une option de positionnement, et de taille.

Recommandations à propos des images : Wikipédia:Recommandations sur la mise en forme des images.

Pour évaluer la taille d'une image : Aide:Taille des images.

• Voici la syntaxe :

[[Image:Nom de l'image|thumb|alt=alternative textuelle|positionnement|upright=multiplicateur|légende]]

Syntaxe	Rendu
thumb
Positionnement
right left center none	Placer l'image à droite Placer l'image à gauche Placer l'image au centre Placer l'image à gauche et exclure le texte à son coté
Facteur multiplicateur
upright upright=1.5 upright=0.5	Multiplie par autant la taille de l'image. Sans valeur, est utile pour les portraits

• Voici un exemple :

[[Image:Pellicule.jpg|thumb|alt=Un ruban de pellicule photographique déroulé|center|upright=1.5|Image plus grande et centrée.]]

Fichier:Pellicule.jpg

Image plus grande et centrée.

Image dans une infobox

L'image de droite est insérée au code d'une infobox , appelée « taxobox », gérée par le Projet:Biologie.

Les illustrations des articles sont souvent placées dans des fiches informatives, appelées « infobox » dans le langage wikipédien. Selon les modèles, le code Image: est parfois inutile, il suffit d'indiquer uniquement le nom de l'image. Par exemple Image:Pellicule.jpg. La taille n'est pas toujours paramétrable.

Vous pouvez voir la liste des infobox et accéder au code utilisé par chaque modèle sur cette page : Wikipédia:Modèles/Infobox.

Problèmes d'image flottante

Parfois l'image ne se place pas à l'endroit où on le désire : elle est repoussée plus bas dans la page ou bien elle chevauche un texte encadré ou un tableau. Si elle est placée à gauche dans un article, le texte qui l'entoure peut aussi devenir inesthétique, ou un titre de section se retrouver décalé à droite de l'image (exemple).

Pour empêcher ce flottement, juste après le placement de l'image, il est possible d'ajouter :

• Pour que le texte soit repoussé sous l'image, il convient de placer le modèle {{Clr|left}} en dessous du code de l'image, si l'image est alignée à gauche de la page, ou {{Clr|right}} si l'image est alignée à droite de la page.
  
  • De manière plus générale, en plaçant {{Clr}}, tout ce qui se trouve au-dessous (texte, modèle, etc.) ne sera pas gêné par un problème de flottement.
• Pour descendre le texte d'une distance déterminée, en pixels, il faut ajouter le modèle {{saut|...px}}
  • Note : ce dernier modèle est à éviter car le nombre de pixels choisi est fixe alors que le rendu final de la page varie selon la taille de l'écran.

• 

  Avant : le titre de section et le texte sont coincés entre l'image et la fiche descriptive.

• 

  Ajout de {{Clr|left}} : le titre de section et le texte se reportent sous l'image située à gauche. Mais pas sous la fiche descriptive qui est à droite.

• 

  Ajout de {{Clr}} : le titre de section et le texte se reportent plus bas que l'image de gauche et la fiche descriptive de droite.

• 

  Ajout de {{Saut|200px}} : le titre de section et le texte se décalent seulement plus bas de 200 pixels (exemple), sur le côté de l'image.

Créer une galerie

Les galeries ne pouvant pas contenir d'alternative textuelle (alt= ), il est souhaitable d'écrire des légendes plus descriptives, ceci afin d'aider les lecteurs n'ayant pas accès aux images qu'elles contiennent.

Galerie à vignettes multiples : <gallery> </gallery>

Aide détaillée : Aide:Galerie.

Le logiciel MediaWiki permet la création d'une galerie pour illustrer un article. Elles sont souvent utilisées si beaucoup d'images sont disponibles. Par défaut, la galerie renverra les images à la ligne au delà de quatre images. Voir un exemple sur cet article.

• Création assistée :
  

Une manière simple de créer une galerie est de cliquer sur le bouton lors de l'édition d'une page, qui insère directement dans la zone de modification une galerie pré-faîte. Le modèle {{message galerie}} est automatiquement ajouté en même temps, pour indiquer au lecteur que le clic sur une image permet son agrandissement. Il ne vous reste alors plus qu'à la modifier en y substituant vos images et leur légende.

• Voici la syntaxe :

<gallery> Image:Image 1 | Sa légende Image:Image 2 | Sa légende Image:Image 3 | Sa légende </gallery> {{message galerie}}

Syntaxe	Rendu
<gallery> Image:Pellicule effet.jpg | N° 1 Image:Pellicule effet2.jpg | N° 2 Image:Pellicule effet3.jpg | N°3 </gallery> {{message galerie}}	N° 1 N° 2 N°3    Cliquez sur une vignette pour l'agrandir.

Galerie à vignettes successives : {{Images}}

Aide détaillée : Modèle:Images.

Une manière moins accessible d'insérer plusieurs images est l'emploi du modèle {{Images}}.

Exemples d'utilisation de ce type de galerie sur la page de description du modèle.

• Voici sa syntaxe :

{{Images | largeur = taille (300 par exemple) | titre = Titre (Série d'images par exemple) | align = position (center / right / left) | Image:Nom de l'image 1 | Sa légende | Image:Nom de l'image 2 | Sa légende | ... | Image:Nom de l'image 20| Sa légende }}

Créer un lien

Faire un lien dans le texte vers une image

Il est possible de faire un lien vers une image au fil du texte. Il suffit de placer Modèle:Grand après les [[.

  cette technique est interdite dans les articles, elle est réservée aux lieux de discussions et pages méta.

[[:Image:Nom de l'image]]ou[[Media:Nom de l'image]]

On a par exemple avec [[:Image:Pellicule.jpg]] ceci : Image:Pellicule.jpg
On a par exemple avec [[Media:Pellicule.jpg]] ceci : Media:Pellicule.jpg

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

Voir aussi

• Wikipédia:Règles d'utilisation des images
• Wikipédia:Recommandations sur la mise en forme des images
• Aide:Image cliquable
• Aide:Géolocalisation
• Modèle:Astuce insérer une image