« Aide:Insérer une image » : différence entre les versions

De Wiki-Anjou
mAucun résumé des modifications
(ajout d'infos)
Ligne 1 : Ligne 1 :
__TOC__
<center><big>Vous souhaitez enrichir un article avec une image (illustration, dessin, photographie...), vous trouverez sur cette page une aide qui vous expliquera comment insérer une image dans une page de Wiki-Anjou.</big></center>




<center><big>Vous souhaitez enrichir un article avec une image (illustration, dessin, photographie...), vous trouverez sur cette page une aide qui vous expliquera comment insérer une image dans une page de Wiki-Anjou.</big></center>
__TOC__




Ligne 8 : Ligne 8 :




==Au préalable==
== Au préalable ==
La grande partie des documents papiers ou du net sont soumis à des [[Wiki-Anjou:Licences|droits]]. Si vous n'êtes pas l'auteur, vérifiez que les droits liés au document que vous voulez inclure vous permettent cette utilisation.
La grande partie des documents papiers ou du net sont soumis à des [[Wiki-Anjou:Licences|droits]]. Si vous n'êtes pas l'auteur, vérifiez que les droits liés au document que vous voulez inclure vous permettent cette utilisation.


Dans le cas de photos de panoramas, il peut y avoir également des restrictions, la liberté de panorama n'existant pas dans le droit français<ref name=droit-panorama">Wikimedia Commons, [http://commons.wikimedia.org/wiki/Commons:Libert%C3%A9_de_panorama Liberté de panorama]</ref>.


==Etape 1 : Importer l'image sur le serveur de Wiki-Anjou==


== Étape 1 : Importer l'image sur le serveur de Wiki-Anjou ==


'''1.''' Cliquer sur '''[[Special:Upload|Téléverser un fichier]]''', dans la '''Boîte à outils''' du menu à gauche de l'écran.  
'''1.''' Cliquer sur '''[[Special:Upload|Téléverser un fichier]]''', dans la '''Boîte à outils''' du menu à gauche de l'écran.  
Ligne 20 : Ligne 21 :
'''2.''' L'import de média comporte quatre parties :  
'''2.''' L'import de média comporte quatre parties :  


* <u>Le choix du document </u>: En utilisant le bouton "'''Parcourir'''", vous allez chercher l'image sur votre ordinateur.  
* <u>Le choix du document</u> : En utilisant le bouton "'''Parcourir'''", vous allez chercher l'image sur votre ordinateur.  


* <u>Le nom du document </u>: Par défaut, le nom sous lequel votre image sera enregistrée est celui de votre fichier source. Vous avez la possibilité de le modifier, mais attention de garder l'extension de votre image : "'''.jpg'''", "'''.gif'''" ou encore "'''.png'''".
* <u>Le nom du document</u> : Par défaut, le nom sous lequel votre image sera enregistrée est celui de votre fichier source. Vous avez la possibilité de le modifier, mais attention de garder l'extension de votre image : "'''.jpg'''", "'''.gif'''" ou encore "'''.png'''".


* <u>La description </u>: Dans ce cadre, vous pouvez renseigner diverses informations sur le média : sujet, lieu, date, source, auteur ...  
* <u>La description</u> : Dans ce cadre, vous pouvez renseigner diverses informations sur le média : sujet, lieu, date, source, auteur ...  


* <u>La licence </u>: 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.  
* <u>La licence </u>: 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.  
Ligne 35 : Ligne 36 :




<u>Note :</u> Vous pouvez également importer jusqu'à 5 fichiers en même temps en cliquant sur '''[[Special:MultipleUpload|Téléverser plusieurs fichiers]]'''.
<u>Note</u> : Vous pouvez également importer jusqu'à 5 fichiers en même temps en cliquant sur '''[[Special:MultipleUpload|Téléverser plusieurs fichiers]]'''.




==Etape 2 : Insérer une image dans un article==
== Étape 2 : Insérer une image dans un article ==


'''1.''' Une fois l'image téléchargée, ou si l'image que vous souhaitez insérer est déjà sur le site Wiki-Anjou, sélectionner le nom de l'image sans oublier ".jpg", ".gif" ou autres, puis copier cette sélection (clic droit avec votre souris, "copier").<br>
'''1.''' Une fois l'image téléchargée, ou si l'image que vous souhaitez insérer est déjà sur le site Wiki-Anjou, sélectionner le nom de l'image sans oublier ".jpg", ".gif" ou autres, puis copier cette sélection (clic droit avec votre souris, "copier").<br>
Ligne 56 : Ligne 57 :




'''5.''' Prévisualiser pour voir le résultat. Si l'image est trop grande vous pouvez la redimensionner.<br>  
'''5.''' Ajoutez la fonction « thumb ». L'utilisation de cette fonction (qui permet de créer une miniature) est recommandée, les images devant pouvoir s'adapter à la taille des écrans et aux préférences de chacun.<br>
Dans cet exemple, nous indiquons que l'image doit avoir une taille de 300 pixels : <nowiki>[[Fichier:Exemple.jpg|300px]]</nowiki>  
Exemple : <nowiki>[[Fichier:Exemple.jpg</nowiki>'''<nowiki>|thumb</nowiki>'''<nowiki>]]</nowiki>.
 
On peut également ajouter un titre à l'image. Exemple : <nowiki>[[Fichier:Exemple.jpg|thumb</nowiki>'''<nowiki>|Ceci est un exemple</nowiki>'''<nowiki>]]</nowiki>.
 
 
<u>Note</u> : La barre verticale (|), appelée "pipe", se fait, à partir d'un PC, en appuyant simultanément sur les touches "Alt+Gr" et le chiffre "6", et à partir d'un Mac, en utilisant la combinaison de touches "Alt + Maj + L".
 
 
'''6.''' Prévisualiser pour voir le résultat. Si l'image est trop grande vous pouvez la redimensionner.<br>  
 
Dans cet exemple, nous indiquons que l'image doit avoir une taille de 300 pixels : <nowiki>[[Fichier:Exemple.jpg|thumb</nowiki>'''<nowiki>|300px</nowiki>'''<nowiki>|Ceci est un exemple]]</nowiki>


<u>Note </u>: La barre verticale, appelée "pipe", se fait en appuyant simultanément sur la touche "Alt+Gr" et le chiffre "6".


<big>'''Vous savez maintenant comment insérer une image dans un article, et modifier sa taille.'''</big>


<big>'''Vous savez maintenant comment insérer une image dans un article, et modifier sa taille.'''</big> En plus de la taille, vous pouvez attribuer d'autres paramètres à votre image...
En plus de la taille, vous pouvez attribuer d'autres paramètres à votre image...




==Paramètres pouvant être attribués à une image==
== Paramètres pouvant être attribués à une image ==


En plus de la taille, plusieurs options permettent de choisir la manière dont l'image sera insérée :  
En plus de la taille, plusieurs options permettent de choisir la manière dont l'image sera insérée :  


* '''Pour centrer :''' <nowiki>[[Fichier:Exemple.jpg|300px|center]]</nowiki>  
* '''Pour centrer''' : Ajoutez la fonction "center" <nowiki>[[Fichier:Exemple.jpg|300px|center]]</nowiki>
 
* '''Pour aligner à droite''' : ajoutez la fonction "right" <nowiki>[[Fichier:Exemple.jpg|300px|right]]</nowiki>
 
* '''Pour aligner à gauche''' : Ajoutez la fonction "left" <nowiki>[[Fichier:Exemple.jpg|300px|left]]</nowiki>  


* '''Pour aligner à droite :''' <nowiki>[[Fichier:Exemple.jpg|300px|right]]</nowiki>  
* Et comme vu précédemment, pour '''afficher une légende''' <nowiki>[[Fichier:Exemple.jpg|300px|Légende]]</nowiki>  


* '''Pour aligner à gauche :''' <nowiki>[[Fichier:Exemple.jpg|300px| left]]</nowiki>  
* Vous pouvez également indiquer une '''alternative textuelle''' en utilisant la fonction "alt" <nowiki>[[Fichier:Exemple.jpg|300px|Légende|alt=alternative textuelle|Légende]]</nowiki>  


* '''Pour afficher une légende au survol de la souris:''' <nowiki>[[Fichier:Exemple.jpg|300px|Légende]]</nowiki>


* '''Pour afficher l'image dans une miniature avec légende''' : <nowiki>[[Fichier:Exemple.jpg|thumb|Légende dans la miniature]]</nowiki>  
{| class="wikitable centre" width="80%"
Par défaut, la miniature est placée à gauche (pour que la miniature s'affiche à droite ou au centre, il faut ajouter : |right ''ou'' |center) et affiche une image de 180px (un utilisateur enregistré peut modifier la taille de la miniature attribuée par défaut dans ses [[special:préférences|préférences]], onglet "Fichier").<br>
|-
<u>Note </u>: La légende est facultative.
| align=center |
<code><nowiki>[[Image:Nom de l'image|thumb|alt=alternative textuelle|Légende]]</nowiki></code><br>
|}




==Quelques exemples==
== Quelques exemples ==


[[Fichier:Photo accueil.gif]]
[[Fichier:Photo accueil.gif]]
Ligne 88 : Ligne 104 :




[[Fichier:Photo accueil.gif|300px|center|Au bord de la Maine]]
[[Fichier:Photo accueil.gif|thumb|300px|center|Au bord de la Maine]]
<center>'''<nowiki>[[Fichier:Photo accueil.gif|300px|center|Au bord de la Maine]]</nowiki>'''</center>
<center>'''<nowiki>[[Fichier:Photo accueil.gif|thumb|300px|center|Au bord de la Maine]]</nowiki>'''</center>




Ligne 104 : Ligne 120 :




==Voir aussi==
== Cas particuliers ==
 
* Infobox : Ne pas ajouter la fonction "thumb" dans les infobox (cadre préformaté se situant en haut à droite de certaines pages, comme les communes).
 
* Assimilation à une infobox : Quelques pages peuvent également ne pas comporter la fonction "thumb" (ex. [[Baugeois]]), et utiliser la fonction "lien" (link), qui permet une redirection vers une page (ex. <nowiki>[[Image:Picto mauges.jpg|left|180px|Territoire angevin des Mauges|lien=Mauges|alt=Territoire angevin des Mauges]]</nowiki>).
 
 
== Sur le même sujet ==


* [[Aide:Créer une galerie d'images|Comment créer une galerie d'images]]
* [[Aide:Créer une galerie d'images|Comment créer une galerie d'images]]

Version du 31 mai 2012 à 12:43

Vous souhaitez enrichir un article avec une image (illustration, dessin, photographie...), vous trouverez sur cette page une aide qui vous expliquera comment insérer une image dans une page de Wiki-Anjou.



L'insertion d'une image se déroule en deux étapes :


Au préalable

La grande partie des documents papiers ou du net sont soumis à des droits. Si vous n'êtes pas l'auteur, vérifiez que les droits liés au document que vous voulez inclure vous permettent cette utilisation.

Dans le cas de photos de panoramas, il peut y avoir également des restrictions, la liberté de panorama n'existant pas dans le droit français[1].


Étape 1 : Importer l'image sur le serveur de Wiki-Anjou

1. Cliquer sur Téléverser un fichier, dans la Boîte à outils du menu à gauche de l'écran.


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

  • Le choix du document : En utilisant le bouton "Parcourir", vous allez chercher l'image sur votre ordinateur.
  • Le nom du document : Par défaut, le nom sous lequel votre image sera enregistrée est celui de votre fichier source. Vous avez la possibilité de le modifier, mais attention de garder l'extension de votre image : ".jpg", ".gif" ou encore ".png".
  • La description : Dans ce cadre, vous pouvez renseigner diverses 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.


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).


Votre image est maintenant sur le serveur de Wiki-Anjou, vous pouvez l'insérer dans un article.


Note : Vous pouvez également importer jusqu'à 5 fichiers en même temps en cliquant sur Téléverser plusieurs fichiers.


Étape 2 : Insérer une image dans un article

1. Une fois l'image téléchargée, ou si l'image que vous souhaitez insérer est déjà sur le site Wiki-Anjou, sélectionner le nom de l'image sans oublier ".jpg", ".gif" ou autres, puis copier cette sélection (clic droit avec votre souris, "copier").
Si vous avez changé de page entre temps, vous retrouvez votre image depuis la page Galerie des fichiers multimédia.


2. Retournez sur l'article dans lequel vous voulez insérer votre image.

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

Cliquer sur l'onglet "Modifier" et placer le curseur à l'endroit où vous souhaitez insérer l'image.


3. Cliquez sur le bouton "Insérer une image" de la barre d'outils d'édition.

Le texte suivant apparaît : [[Fichier:Exemple.jpg]]


4. Collez le nom de votre image à la place d'"Exemple.jpg" (clic droit avec votre souris, "coller").


5. Ajoutez la fonction « thumb ». L'utilisation de cette fonction (qui permet de créer une miniature) est recommandée, les images devant pouvoir s'adapter à la taille des écrans et aux préférences de chacun.
Exemple : [[Fichier:Exemple.jpg|thumb]].

On peut également ajouter un titre à l'image. Exemple : [[Fichier:Exemple.jpg|thumb|Ceci est un exemple]].


Note : La barre verticale (|), appelée "pipe", se fait, à partir d'un PC, en appuyant simultanément sur les touches "Alt+Gr" et le chiffre "6", et à partir d'un Mac, en utilisant la combinaison de touches "Alt + Maj + L".


6. Prévisualiser pour voir le résultat. Si l'image est trop grande vous pouvez la redimensionner.

Dans cet exemple, nous indiquons que l'image doit avoir une taille de 300 pixels : [[Fichier:Exemple.jpg|thumb|300px|Ceci est un exemple]].


Vous savez maintenant comment insérer une image dans un article, et modifier sa taille.

En plus de la taille, vous pouvez attribuer d'autres paramètres à votre image...


Paramètres pouvant être attribués à une image

En plus de la taille, plusieurs options permettent de choisir la manière dont l'image sera insérée :

  • Pour centrer : Ajoutez la fonction "center" [[Fichier:Exemple.jpg|300px|center]]
  • Pour aligner à droite : ajoutez la fonction "right" [[Fichier:Exemple.jpg|300px|right]]
  • Pour aligner à gauche : Ajoutez la fonction "left" [[Fichier:Exemple.jpg|300px|left]]
  • Et comme vu précédemment, pour afficher une légende [[Fichier:Exemple.jpg|300px|Légende]]
  • Vous pouvez également indiquer une alternative textuelle en utilisant la fonction "alt" [[Fichier:Exemple.jpg|300px|Légende|alt=alternative textuelle|Légende]]


[[Image:Nom de l'image|thumb|alt=alternative textuelle|Légende]]


Quelques exemples

Photo accueil.gif

[[Fichier:Photo accueil.gif]]


Au bord de la Maine
[[Fichier:Photo accueil.gif|thumb|300px|center|Au bord de la Maine]]


Au bord de la Maine



[[Fichier:Photo accueil.gif|thumb|Au bord de la Maine]]




Cas particuliers

  • Infobox : Ne pas ajouter la fonction "thumb" dans les infobox (cadre préformaté se situant en haut à droite de certaines pages, comme les communes).
  • Assimilation à une infobox : Quelques pages peuvent également ne pas comporter la fonction "thumb" (ex. Baugeois), et utiliser la fonction "lien" (link), qui permet une redirection vers une page (ex. [[Image:Picto mauges.jpg|left|180px|Territoire angevin des Mauges|lien=Mauges|alt=Territoire angevin des Mauges]]).


Sur le même sujet


  1. Wikimedia Commons, Liberté de panorama