Aide:Comment insérer une image

De Geneawiki
Révision datée du 22 avril 2016 à 17:57 par Galichonj (discussion | contributions)
(diff) ← Version précédente | Voir la version actuelle (diff) | Version suivante → (diff)
Aller à la navigation Aller à la recherche

<- Retour Accueil de l'aide

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

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.

Comment insérer une légende

Ainsi, l'image de gauche a été insérée avec

[[Image:Wiki-exemple.png|left|Comment insérer une légende]].

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

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.