Aide:Comment insérer une image
Pour insérer une image, vous devez d'abord la copier sur le serveur. Pour plus de détail sur cette procédure, voir la
page Aide:Comment importer une image.
Attention, vérifiez avant de le faire que cela ne présente pas de
problème de droits d'auteur.
Syntaxe générale
Pour insérer une image dans un texte, il faut suivre la syntaxe suivante:
[[Image:nom de l'image|options]]
L'ordre des options n'a pas d'importance, il faut juste que la légende
(s'il y en a une) soit placée en dernier.
Options
Alignement
Pour placer une image à gauche
(respectivement à droite), il faut ajouter l'option left (respectivement
right). Ainsi, pour placer l'image dont le nom est wiki-exemple.png à
droite du texte la syntaxe sera:
[[Fichier:Exemple.png|right]]
Légende
Il existe plusieurs façons d'insérer une légende: si l'on souhaite juste un post-it,
il s'agit tout simplement de rajouter la légende en tant que dernière option.
Ainsi, l'image de gauche a été insérée avec
[[Image:Wiki-exemple.png|left|Comment insérer une légende]].
Rajouter l'option frame permet d'obtenir, en sus, un joli cadre
autour de l'image, et la légende sera toujours visible.
Ainsi, l'image de droite a été insérée avec
[[Fichier:Exemple.png|frame|Comment insérer une légende]].
Remarque : Cette dernière option est utile pour spécifier la source de votre image.
Changement de taille
Il s'agit simplement de rajouter l'option nombre de pixelspx.
(Les pixels sont comptés en largeur).
Ainsi, les deux images suivantes ont été réduites à une largeur de 100 pixels par :
[[Fichier:Exemple.png|right|100px|La même jolie image qu'avant]]
[[Image:Abou Simbel.jpg|right|100px|Abou Simbel]]
Faire correspondre texte et image
Il peut arriver que, le texte étant censé être proche de l'image étant
trop court, l'image ne corresponde pas avec le texte.
Pour y remédier, utilisez la commande du modèle suivant : {{clr}}
située après l'image et le texte.
Remarque: Ce n'est pas parce que la mise en page est agréable sur
votre navigateur que ce sera le cas pour tout le monde... Il est donc
recommandé d'ajouter cette commande, par exemple à la fin de chaque
section si vous y avez mis une image. C'est le cas sur cette page.
Insérer un lien vers une image sans l'afficher
Intérêt : les images volumineuses peuvent être longues à charger.
Ainsi, une telle manipulation permet de diminuer le temps de chargement de
la page chez les utilisateurs disposant d'une connectique bas débit.
Il s'agit de remplacer Image par Media. Par exemple,
[[Media:Abou Simbel.jpg|Image d'Abou Simbel Rimbaud]] renverra vers l'image d'Abou Simbel: Image Abou Simbel
Remarque : remplacer Image par :Image fonctionne également.
Galerie d'image
Il est possible de créer une galerie d'images, pour cela utiliser la syntaxe suivante :
<gallery>
Image:Belmont_vuegenerale.jpg |<center> Belmont-de-la-Loire, vue générale </center>
Image:Belmont-de-la-Loire vue2.jpg |<center> Belmont-de-la-Loire, vue générale </center>
</gallery>
qui donnera :
Remarque : il existe des options à rajouter à l'intérieur du code <gallery>
- L'option caption= qui permet de titrer la galerie d'images.
- L'option perrow= permet de limiter le nombre maximun d'images dans la ligne de la galerie.
Syntaxe :
<gallery caption="Belmont-de-la-Loire" perrow="2">
Image:Belmont_vuegenerale.jpg |<center> Vue générale </center>
Image:Belmont-de-la-Loire vue2.jpg |<center> Vue générale </center>
</gallery>
Exemple :
- Belmont-de-la-Loire
Remarques diverses
NE FAITES PAS de liens externes vers des fichiers se trouvant sur un serveur dont vous ne contrôlez pas le contenu !
Pour l'accessibilité des mal-voyants, il est conseillé d'ajouter une légende, ceci permet au lecteur vocal ou à la tablette braille de fournir un descriptif parlant, là où il y a une image.