Voir la source de Aide:Insérer une image

{{retour au sommaire de l'aide}}
{{Aide:Insérer une image/En-tête}}
{{Navigation Image}}
{{Semi-protection2}}

== 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é [[Aide:Insérer une image#Insérer une image dans une page|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.
{{Article détaillé|amorce=Pour plus de détails voir|Aide:Importer un fichier}}

{{Encart|aide_accessibilite|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 à [[:Catégorie:Image|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. [[commons:Commons:Premiers pas|Cliquez ici pour débuter sur Commons]].

Il existe un outil pratique : [http://tools.wikimedia.de/~tangotango/mayflower/?il=fr 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 :

{| class="wikitable" align="center" width="80%"
|-
| align="center" | <code><nowiki>[[Image:Nom de l'image|thumb|alt=alternative de l'image à compléter|légende à compléter]]</nowiki></code>
|}

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 (&nbsp;[[Image:Magnify-clip.png]]&nbsp;) à 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 :

{| class="wikitable" align="center" width="80%"
|-
| align="center" | <code><nowiki>[[Image:Pellicule.jpg|thumb|alt=Un ruban de pellicule photographique déroulé|Une pellicule]]</nowiki></code>
|}

[[Image:Pellicule.jpg|thumb|alt=Un ruban de pellicule photographique déroulé|Une pellicule]]
Qui donne cette image (cf à droite) <big>→</big>

{{green|Dans cet exemple}}:

* « '''{{green|<code>Image:Pellicule.jpg</code>}}''' » 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).
* « '''{{green|<code>thumb</code>}}''' » (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 <code>''thumb''</code> est obligatoire.''' Par défaut <code>''thumb''</code> affiche une image de 180px mais chaque wikipédien inscrit est libre de modifier cette taille paramétrable dans les [[special:préférences|préférences]]. 
* « '''{{green|<code>Un ruban de pellicule photographique déroulé</code>}}''' » est l'alternative qui décrit brièvement l'image pour le visiteur n'y ayant pas accès
* « '''{{green|<code>Une pellicule</code>}}''' » 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 [[Aide:liens internes|liens internes]] dans la légende.

{{Encart|aide_accessibilite|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.
{{Article détaillé|amorce=Recommandations à propos des images|Wikipédia:Recommandations sur la mise en forme des images}}
{{Article détaillé|amorce=Pour évaluer la taille d'une image|Aide:Taille des images}}

*Voici la syntaxe :

{| width="80%" class="wikitable" align="center"
|-
| align="center" | <code><nowiki>[[Image:Nom de l'image|thumb|alt=alternative textuelle|positionnement|upright=multiplicateur|légende]]</nowiki></code>
|}

{| width="80%" class="wikitable" align="center"
! scope=col | Syntaxe
! scope=col | Rendu
|-
| colspan="2" align="center" | '''thumb'''
|-

| colspan="2" align="center" | '''Positionnement'''
|-
| width=50% | 
<code>right</code><br/>
<code>left</code><br/>
<code>center</code><br/>
<code>none</code>
| width=50% |
Placer l'image à droite<br/>
Placer l'image à gauche<br/>
Placer l'image au centre<br/>
Placer l'image à gauche et exclure le texte à son coté<br>
|-
| colspan="2" align="center" | '''Facteur multiplicateur'''
|-
| width=50% |
<code>upright<br>
upright=1.5<br>
upright=0.5</code>
|Multiplie par autant la taille de l'image. Sans valeur, est utile pour les portraits
|}

*Voici un exemple :

{| class="wikitable" align="center" width="80%"
|-
| align="center" | <code><nowiki>[[Image:Pellicule.jpg|thumb|alt=Un ruban de pellicule photographique déroulé|center|upright=1.5|Image plus grande et centrée.]]</nowiki></code>
|}

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

{{clr}}

=== Image dans une infobox ===
[[Image:Image flottante-après clr-right.jpg|thumb|alt=Exemple d'images dans un article de Wikipédia|L'image de droite est insérée au code d'une infobox , appelée « [[Projet:Charte graphique/Utilisation des taxobox|taxobox]] », gérée par le [[Projet:Biologie]].]]
Les illustrations des articles sont souvent placées dans des fiches informatives, appelées « [[Aide:Infobox|infobox]] » dans le langage wikipédien. Selon les modèles, le code <code><nowiki>Image:</nowiki></code> est parfois inutile, il suffit d'indiquer uniquement le nom de l'image. Par exemple <s>Image:</s><code><nowiki>Pellicule.jpg</nowiki></code>. 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]].
{{clr}}

=== Problèmes d'image flottante ===
<div class="plainlinks">
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 ([http://fr.wikipedia.org/w/index.php?title=Paruline_flamboyante&oldid=26307325 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 {{m|Clr|left}} en dessous du code de l'image, si l'image est alignée à gauche de la page, ou {{m|Clr|right}} si l'image est alignée à droite de la page.<br />
** De manière plus générale, en plaçant {{m|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 {{m|saut|...px}}
** Note&thinsp;: 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.
<br clear="both" />
<center>
<gallery style="text-align:center;" perrow="4">
Image:Image flottante-avant.jpg|'''Avant''' : le titre de section et le texte sont coincés entre l'image et la fiche descriptive.
Image:Image flottante-après clr-right.jpg|'''Ajout de <nowiki>{{Clr|left}}</nowiki>''' : le titre de section et le texte se reportent sous l'image située à gauche. Mais pas sous la fiche descriptive qui est à droite.  
Image:Image flottante-après clr.jpg|'''Ajout de <nowiki>{{Clr}}</nowiki>''' : le titre de section et le texte se reportent plus bas que l'image de gauche et la fiche descriptive de droite.  
Image:Image flottante-après saut.jpg|'''Ajout de <nowiki>{{Saut|200px}}</nowiki>''' : le titre de section et le texte se décalent seulement plus bas de 200 pixels (exemple), sur le côté de l'image.
</gallery>
{{message galerie}}
</center>
</div>

== Créer une galerie ==
{{Encart|aide_accessibilite|Les galeries ne pouvant pas contenir d'alternative textuelle (<code><nowiki>alt=</nowiki></code> ), 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 : <nowiki><gallery> </gallery></nowiki> ===

{{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 [[Âne#Galerie d'images|exemple sur cet article]]. 

* Création assistée :<br />
Une manière simple de créer une galerie est de cliquer sur le bouton [[Image:Btn toolbar gallery.png]] lors de l'édition d'une page, qui insère directement dans la zone de modification une galerie pré-faîte. Le modèle {{m|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 :

{| class="wikitable" align="center" width="80%"
|-
| align="center" | 
<code><poem><nowiki>
<gallery>
Image:Image 1 | Sa légende
Image:Image 2 | Sa légende
Image:Image 3 | Sa légende
</gallery>

{{message galerie}}
</nowiki></poem></code>
|}


{| width="100%" class="wikitable"
! Syntaxe
! Rendu
|-
| width="50%" |
<code><poem><nowiki>
<gallery>
Image:Pellicule effet.jpg | N° 1
Image:Pellicule effet2.jpg | N° 2
Image:Pellicule effet3.jpg | N°3
</gallery>

{{message galerie}}
</nowiki></poem></code>
| width="50%" |
<gallery>
Image:Pellicule effet.jpg | N° 1
Image:Pellicule effet2.jpg | N° 2
Image:Pellicule effet3.jpg | N°3
</gallery>

&nbsp;[[Image:Crystal Clear action info.png|12px|Information]]&nbsp;&nbsp;<small>''Cliquez sur une vignette pour l'agrandir.''</small>
|}

=== Galerie à vignettes successives : {{m|Images}} ===

{{aide détaillée|Modèle:Images}}
Une manière moins accessible d'insérer plusieurs images est l'emploi du modèle {{m|Images}}.

Exemples d'utilisation de ce type de galerie sur la [[Modèle:images|page de description du modèle]].

* Voici sa syntaxe :

{| class="wikitable" align="center" width="80%"
|-
| align="left" style="padding-left:150px" | 
<code><poem><nowiki>
{{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
}}
</nowiki></poem></code>
|}

== 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 '''{{grand|:}}''' après les <code>[[</code>.

{{Attention}}&nbsp;cette technique est interdite dans les articles, elle est '''réservée aux lieux de discussions et pages méta'''. 

{| class="wikitable" align="center" width="80%"
|-
| align="center" | <code><nowiki>[[:Image:Nom de l'image]]</nowiki><center>ou</center><nowiki>[[Media:Nom de l'image]]</nowiki></code>
|}

On a par exemple avec <code><nowiki>[[:Image:Pellicule.jpg]]</nowiki></code> ceci : [[:Image:Pellicule.jpg]]<br>
On a par exemple avec <code><nowiki>[[Media:Pellicule.jpg]]</nowiki></code> ceci : [[Media:Pellicule.jpg]]

Pour faire un lien vers une image située sur [[Commons]], il faut utiliser le code <code><nowiki>[[commons:Image:nomdemonimage.jpg|nom affiché]]</nowiki></code>. Qui donne ceci dans le texte: [[commons:Image:Pellicule.jpg|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]]

{{Navigation aide}}

[[catégorie:Aide:Premiers pas|{{PAGENAME}}]]
[[Catégorie:Maintenance des images Wikipédia|{{PAGENAME}}]]
[[Catégorie:Wikipédia:aide multimédia|{{PAGENAME}}]]
[[Catégorie:Aide aux contributeurs récents|{{PAGENAME}}]]
[[Catégorie:Wikipédia:aide technique|{{PAGENAME}}]]

[[af:Wikipedia:Beelde]]
[[ar:مساعدة:صور]]
[[bar:Hilfe:Bilder]]
[[bg:Уикипедия:Картинки]]
[[bs:Wikipedia:Slike]]
[[ca:Ajuda:Ús d'imatges]]
[[cs:Nápověda:Obrázky]]
[[de:Hilfe:Bilder]]
[[en:Wikipedia:Images]]
[[es:Ayuda:Imágenes]]
[[fi:Ohje:Kuvien lisääminen]]
[[fy:Wikipedy:Ofbylden]]
[[he:עזרה:עיצוב תמונות]]
[[hr:Wikipedija:Slike]]
[[id:Wikipedia:Berkas]]
[[it:Aiuto:Markup immagini]]
[[ja:Help:画像の表示]]
[[nl:Help:Gebruik van afbeeldingen]]
[[no:Hjelp:Bilder]]
[[ro:Wikipedia:Imagini]]
[[sh:Wikipedia:Slike]]
[[sk:Pomoc:Obrázok]]
[[sl:Wikipedija:Slike]]
[[th:วิธีใช้:การใส่ภาพ]]
[[tl:Wikipedia:Paglalagay ng mga larawan]]
[[uz:Vikipediya:Tahrirlash]]
[[yi:װיקיפּעדיע:בילדער]]
[[zh:Wikipedia:图像]]