Domaines
Communes
Quartiers de Brest
Espaces de noms

Variantes
Actions
De Wiki-Brest

Aide:Insérer une image

NOUVEAUTE : Il est possible d'ajouter 10 photos à la fois, en cliquant sur "Importer plusieurs fichiers à la fois", dans la boîte à outils du menu. Attention .


Attention cependant aux noms que vous donnez à vos images. Si des images stockées sur le site portent le même nom, elles seront écrasées sans aucun avertissement. Vous pouvez faire une recherche au préalable à partir du lien "Galerie des fichiers multimédia", dans le menu, afin de vérifier si une image du même nom n'existe pas.




L'insertion d'image sur Wiki-Brest se déroule en deux étapes :

Importer l'image sur le serveur

1. Cliquer sur "Importer un fichier", dans la boîte à outils du menu.

2. L'import de média comporte quatre parties :

  • Le choix du document : Bouton "Parcourir".
  • Le nom du document : Il peut être changé sur la page de Wiki-Brest, pour éviter d'avoir à renommer le fichier d'origine. Le nom du fichier doit être le plus précis possible pour permettre une recherche par mots-clés depuis la page "Galerie des fichiers multimédia" dans le menu. Attention il faut garder .jpg
Exemples : Pardon Kérangoff.jpg / Expo arcenciel.jpg / Basket Patro Espérance.jpg
  • La description : Il est important de donner un maximum d'informations sur le média : sujet, lieu, date, source, auteur ...
  • La licence : Chaque document est associé à une licence régissant les conditions d'utilisation du document en question. Il est conseillé de déposer ces documents en licence libre, permettant la réutilisation et la modification. Mais l'auteur dispose d'autres licences pour protéger son document.
Pour plus informations consulter la page Droits et licences.

3. Cliquer sur le bouton "Importer le fichier". (il est possible qu'une autre page intermédiaire s'ouvre vous demandant de "Sauvegarder le fichier", si vous avez modifié le nom du fichier.)


inserer l'image sur la page

1. Une fois l'image visualisée, sélectionner le nom de l'image sans oublier ".jpg", ".gif" ou autres. Et copier cette sélection de texte. (Si vous avez changé de page depuis, vous retrouvez votre image depuis la page "Galerie des fichiers multimédia".)

Sélection du nom de l'image

2. Revenir à l'article où l'image sera ajoutée. (Utiliser le bouton précédent du navigateur, ou faire une recherche avec un mot du titre de la page).

3. Cliquer sur l'onglet "Modifier" de la page. Placer le curseur à l'endroit où vous souhaitez insérer l'image.

Bouton "Image insérée" de la barre d'outils

4. Cliquer sur le bouton "Image insérée" de la barre d'outils. Le texte suivant apparaît :

[[Image:Exemple.jpg]]

5. Coller le nom de l'image à la place d'Exemple.jpg.

6. Prévisualiser pour voir le résultat. généralement l'image est trop grande. Il faut la redimensionner. Ajouter le texte suivant entre les crochets pour une taille de 300 pixels.

[[Image:MonImage.jpg|300px]]
N.B: La barre verticale, appelée pipe, ce fait en combinant les touches Alt+Gr et le chiffre 6.


Placer l'image sur la page

Image en vignette

Pour placer une image avec une présentation vignette (encadrée et légendée) il faut insérer un texte du type :

[[Image:Vue brest.jpg|thumb|250px|Vue du pont de Recouvrance]]
Vue du pont de Recouvrance
  • Image : le nom du fichier image | suivi de la légende qui apparaitra sous l'image
  • thumb : désigne la présentation en vignette (avec cadre et légende)
  • 250px : entrer la largeur de l'image en pixel (sans cette info l'image sera par défaut présentée avec une largeur de 180px)
  • légende de l'image - il est possible de placer un lien dans la légende (recommandé)

Cette présentation est celle qui est recommandée dans la majorité des cas. Elle est préférée a l'insertion dans le corps du texte (voir ci-dessous)






Image dans le corps de texte

Pour placer une image dans le corp de texte il faut insérer un texte du type :

[[Image:Vue brest.jpg]]

Ce qui donne :

Vue brest.jpg

Par défaut l'image se place à gauche avec sa taille d'origine.

Avec un texte du type :

[[Image:Vue brest.jpg|150px|center|Vue de Brest (pont de Recouvrance)]]

Il est possible de changer la place de l'image sur la page en ajoutant

  • |center elle sera centrée
  • |left elle se placera à gauche
  • |right elle se placera à droite

Si l'image est placée en début d'un paragraphe elle viendra justifier le texte.

Ce qui donne :

Vue de Brest (pont de Recouvrance)
Vue de Brest (pont de Recouvrance)
Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test Ceci est un test d'insertion d'image Ceci est un test Ceci est un test Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test Ceci est un test d'insertion d'image Ceci est un test Ceci est un test Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image Ceci est un test d'insertion d'image.

Voir aussi

Créer une gallerie d'images

Créer un diaporama

Anti-sèche

Outils personnels