Aide:Comment charger une image

Un article de Sur-la-Toile.

Sommaire

Où charger une image

Pour pouvoir importer une image, il faut d'abord être inscrit et identifié. Après vous aurez accès à l'importation d'image.

L'image, est-elle publiable?

Assurez vous que son chargement et sa diffusion ne présentent pas de problème de droits d'auteur.

Syntaxe générale

[[Image:nom de l'image|options éventuelles|légende éventuelle]]

L'ordre des options n'a pas d'importance. En revanche, la légende (s'il y en a une) doit être placée en dernier.

Exemples avec une syntaxe correcte

La syntaxe suivante est correcte :

[[Image:wiki_example.png|200px|left|Mon exemple]]

et l'effet est identique à celui obtenu par :

[[Image:wiki_example.png|left|200px|Mon exemple]]

Options

Alignement

Pour placer une image à gauche (au milieu ou à droite), il faut ajouter l'option left (center ou right)

[[Image:wiki-exemple.png|right]]


Changement de taille

La même image qu'avant

Les pixels sont comptés en largeur. Ainsi, cette image a été réduite à une largeur de 100 pixels par :

[[Image:wiki-exemple.png|right|100px|La même image qu'avant]]

Attention : l'utilisation d'un cadre (option frame) force l'image à sa taille d'origine. La taille en pixels indiquée n'est alors plus prise en compte.


Thumbnail

Cliquez ici pour avoir l'image en grand.
Agrandir
Cliquez ici pour avoir l'image en grand.

Un thumbnail rajoute une bordure grise autour d'une image. L'image est affichée en plus petit ; elle est donc plus rapide à charger. Cela permet également de montrer aux utilisateurs qu'il existe une version plus grande de l'image.

[[Image:wiki-exemple.png|thumb|Cliquez ici pour avoir l'image en grand.]]



Insérer un lien vers une image sans l'afficher

galerie

<gallery> est une balise permettant d'organiser plusieurs images
exemple ceci :


 <gallery>
 Image:wiki-exemple.png|une image au hasard
 Image:irc.png|une autre image au hasard
 Image:Annabot.jpg|une image que j'aime bien
 </gallery>

donne cela :

Note : les images sont redimensionnées, et on ne peut pas préciser la taille voulue !

Faire correspondre texte et image

Il peut arriver que, le texte qui est censé être proche de l'image étant trop court, l'image ne corresponde pas avec le texte. Pour y remédier :

  <br style="clear:both;" />


Note

Eviter les liens externes vers des fichiers dont vous ne contrôlez pas le contenu !