Aide:Insérer une image
Un article de Wikipédia, l'encyclopédie libre.
 |
Cette page d'aide est ici pour aider à l'insertion d'une image dans une page de Wikipédia. Pour savoir comment les télécharger sur les serveurs de la fondation, voir comment importer un fichier, et pour toutes les questions, voir le Bistro multimédia. |
Sommaire |
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 le fichier, ou un fichier provenant d'une autre Wikipédia, pour l'importer sur Commons. Néanmoins, l'image ou la 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.
Limitez l'illustration de Wikipédia à 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).
Crédit aux auteurs
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, sont 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. Le crédit n'est donc pas mis directement dans la page d'article. Si l'auteur a spécifié explicitement une condition claire sur l'endroit où il faut placer le crédit, une telle condition implique alors qu'en pratique l'image ne sera pas utilisée sur Wikipédia puisque la condition n'est pas compatible avec la pratique de Wikipédia[1].
Insérer une image dans une page
Illustration standard
En général, une syntaxe simple suffit pour placer votre image :
[[Fichier: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 :
[[Fichier:Pellicule.jpg|thumb|alt=Un ruban de pellicule de film déroulé|Une pellicule]] |
Qui donne cette image (cf à droite) →
Dans cet exemple :
- «
Fichier:Pellicule.jpg» 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). «Fichier:» et «Image:» ont le même effet (Fichier:a été créé en 2008, et depuisImage:redirige dessus). - «
thumb» (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 duthumbest obligatoire. Par défautthumbaffiche une image de 180px mais chaque wikipédien inscrit est libre de modifier cette taille paramétrable dans les préférences. - «
Un ruban de pellicule de film déroulé» est l'alternative qui décrit brièvement l'image pour le visiteur n'y ayant pas accès (une image ne voulant pas se charger sera remplacée par ce texte ; dans un navigateur en mode texte, c'est l'alternative qui est affichée ; pour les malvoyants, le synthétiseur vocal lira l'alternative). - «
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.
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.
- Voici la syntaxe :
[[Fichier:Nom de l'image|thumb|alt=alternative textuelle|positionnement|upright=multiplicateur|légende]] |
| Syntaxe | Rendu |
|---|---|
| thumb | |
| Positionnement | |
|
|
Placer l'image à droite |
| Facteur multiplicateur | |
|
|
Multiplie par autant la taille de l'image. Voir WP:IMG, et Aide:Taille des images pour l'utilisation de ce paramètre. |
- Voici un exemple :
[[Fichier:Pellicule.jpg|thumb|alt=Un ruban de pellicule de film déroulé|center|upright=1.5|Image plus grande et centrée.]] |
Légende
Le texte de la légende est laissé au libre choix du contributeur mais doit répondre à certains critères précis : n'être pas trop long et situer l'image dans le contexte de l'article.
On peut aussi intervenir sur la fiche de description, directement sur Commons, afin d'ajouter des informations plus précises ou techniques, sans pour autant alourdir la légende dans l'article de Wikipédia.
Il est possible aussi d'insérer des liens internes dans la légende.
Le modèle {{Légende}} permet d'ajouter une légende explicative pour les couleurs utilisées dans l'image :
[[Fichier:Wine consumption world map.png|left|thumb|upright=2|alt=Carte du monde montrant une forte consommation en Europe et en Amérique du sud|Consommation annuelle de vin, par habitant :
|
- donne
Il est possible d'utiliser le code <div style="-moz-column-count:2; column-count:2;"></div> pour mettre la légende sur 2 colonnes. Mais cette fonction n'est pas reconnue par tous les navigateurs.
Image dans une infobox
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 Fichier: est parfois inutile, il suffit d'indiquer uniquement le nom de l'image. Par exemple Fichier: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>
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 :
|
|
| Syntaxe | Rendu | |||
|---|---|---|---|---|
|
|
|
Galerie à vignettes successives : {{Images}}
Une manière moins accessible d'insérer plusieurs images est l'emploi du modèle {{Images}}.
ATTENTION : ce modèle ne doit être utilisé qu'exceptionnellement, lire cette recommandation.
Exemples d'utilisation de ce type de galerie sur la page de description du modèle.
- Voici sa syntaxe :
|
|
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 : après les [[.
cette technique est interdite dans les articles, elle est réservée aux lieux de discussions et pages méta.
[[:Fichier:Nom de l'image]]
ou[[Media:Nom de l'image]] |
On a par exemple avec [[:Fichier:Pellicule.jpg]] ceci : Fichier: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:Fichier:nomdemonimage.jpg|nom affiché]]. Qui donne ceci dans le texte : nom affiché
