Aide:Comment insérer une image

De GeneaWiki


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

Exemple.png
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

Comment insérer une   légende
Comment insérer une 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|right|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

La même jolie image   qu'avant
Abou Simbel
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 :


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.