Différences entre versions de « Aide:Insérer une image (Éditeur visuel) »

Version actuelle datée du 10 août 2021 à 17:49

Aide de Wikipédia

Insérer une image, une référence, etc.

Cette page ne concerne que l'éditeur visuel (liens « modifier »)

Voir la page d'aide pour le wikicode.

Quelle différence ?

Niveau débutant

Bien choisies et placées au bon endroit, les images permettent d'illustrer Wikipédia. Leur mise en page et leur légende sont des points importants qu'il convient de ne pas négliger. Cette page vous expliquera comment procéder.

La méthode qui suit utilise l'Éditeur visuel et permet de téléverser un fichier en même temps qu'on l'ajoute et d'y incorporer les éléments essentiels.

Important : si vous ne savez pas comment vous servir de l'Éditeur visuel, rendez-vous sur Aide:Barre d'outils d'édition

Exemple d'image intégrée dans le texte comme vignette et alignée à droite.

À retenir[modifier le wikicode]

À partir du menu « Insérer » dans la barre d’outils, il est possible d'ajouter une image (déjà importée sur Wikipédia ou non) grâce à l'icône « Images et médias ».

Insérer une image[modifier le wikicode]

Après avoir cliqué sur l’icône « Images et médias », une boîte de dialogue s’affiche afin que vous recherchiez une image hébergée sur le serveur, notre médiathèque numérique ; utilisez le champ de recherche. Vous pouvez utiliser les images présentes pour illustrer Wikipédia, sans demander l'autorisation des auteurs (principe de la licence libre).

Si l'image à insérer est stockée sur votre disque dur, il faut d'abord l'importer. Pour faire cela, cliquez plutôt sur «Téléverser » ou lisez comment importer une image.

Une fois l'image choisie, de nouveaux menus s'ouvriront qui vous permettront de clarifier la présentation de l'image dans l'article.

Bien que vous devez ajouter un nom de fichier et une description à toute image téléversée (en plus d'indiquer que vous êtes l'auteur.e de cette œuvre), il n'est pas obligatoire d'ajouter une légende à l'image.

Mettre en forme une image[modifier le wikicode]

Paramètres de mise en forme d'une image.

Lors de l'insertion de la légende, il est possible de cliquer sur « Paramètres avancés » pour modifier les options d'affichage.

Vous pouvez alors changer l'alignement (à gauche, centré ou à droite), et la décoration de l'image :

vignette (avec légende)
sans cadre (sans légende)
cadre (taille réelle avec légende)
basique (taille réelle sans légende)

Vous pouvez aussi afficher une bordure pour les images sans cadre. La taille de l'image peut être également modifiée, tout en gardant les bonnes proportions.

Pour effectuer le changement, cliquez sur « Insérer ».

Votre mise en forme apparaîtra immédiatement sur la page mais elle ne sera pas sauvegardée tant que vous n’aurez pas enregistré la page complète.

Modifier une image existante[modifier le wikicode]

Pour modifier une image existante, si vous utilisez l'onglet « Lire », cliquez sur l'image. Si elle s'ouvre dans la visionneuse de médias, cliquez sur «Plus de détails » en bas à droite. Cliquez ensuite sur « Importer une nouvelle version de ce fichier » pour remplacer l'image sélectionnée par une autre.

Importer une nouvelle version du fichier

Si vous utilisez l'onglet « Modifier » (Éditeur visuel), cliquez sur l'image puis sur le bouton « Modifier ». Vous pourrez ensuite changer l'image en cliquant sur « Changer l'image » en bas à droite de la fenêtre suivante.

@@ Ligne 1 : / Ligne 1 : @@
 {{En-tête Aide
 | ariane =Insérer une image, une référence, etc.
-| descriptif =Bien choisies et placées au bon endroit, les images permettent d'illustrer Wikipédia. Leur mise en page et leur légende sont des points importants qu'il convient de ne pas négliger. Cette page vous expliquera comment procéder.<br><br>La méthode qui suit utilise l'Éditeur visuel et permet de téléverser un fichier en même temps qu'on l'ajoute et d'y incorporer les éléments essentiels.
+| descriptif =Bien choisies et placées au bon endroit, les images permettent d'illustrer Wikipédia. Leur mise en page et leur légende sont des points importants qu'il convient de ne pas négliger. Cette page vous expliquera comment procéder.<br><br>La méthode qui suit utilise l'[https://fr.wikipedia.org/wiki/Aide:%C3%89diteurVisuel Éditeur visuel] et permet de téléverser un fichier en même temps qu'on l'ajoute et d'y incorporer les éléments essentiels.
 | techno = EV
 | technolien =Aide:Insérer une image (wikicode)
 | difficulté =
-| avertissement = si vous ne savez pas comment vous servir de l'Éditeur visuel, rendez-vous sur [[Aide:Barre d'outils d'édition]]]]}}
+| avertissement = si vous ne savez pas comment vous servir de l'Éditeur visuel, rendez-vous sur [[Aide:Barre d'outils d'édition]]}}
-[[Fichier:Exemple image.jpg|Exemple d'image intégrée dans le texte et justifiée à droite.]]
+[[Fichier:Exemple image.jpg|vignette|Exemple d'image intégrée dans le texte comme vignette et alignée à droite.|alt=|267x267px]]
-== Avant propos ==
+== À retenir==
-Il existe trois cas d'insertions d'images (ou, plus globalement de Médias) :
+À partir du menu « Insérer » dans la barre d’outils, il est possible d'ajouter une image (déjà importée sur Wikipédia ou non) grâce à l'icône  « Images et médias ».
-* insérer une image '''dans le texte''', cas général détaillé ci-dessous
+[[Fichier:Insérer une image.jpg|alt=|centré|sans_cadre|600x160px]]
-*insérer une image dans une « '''infobox''' », la boîte de résumé présente à droite du texte dans bien des pages, cas particulier [[#Cas particulier : insérer une image dans une infobox|détaillé ci-dessous]].
-* insérer une image dans une '''galerie d'images''', [[Aide:Galerie|détaillé sur une page séparée]].
-== À retenir ==
+==Insérer une image==
-{{Cadre page d'aide|image entête        = VisualEditor.toolbar-fr.png|texte1              = À partir du menu « {{int:visualeditor-toolbar-insert}} » dans la barre d’outils, il est possible d'ajouter une image [[Aide:Importer une image|déjà importée sur Wikimedia Commons]] grâce à l'icône [[Fichier:OOjs UI icon image-ltr.svg|alt=Icône média de l'éditeur visuel.]] « {{int:visualeditor-dialogbutton-media-tooltip}} ».|image1              = VisualEditor - Media editing 1 - fr.png|taille image1       = 180}}
+Après avoir cliqué sur l’icône  « Images et médias », une boîte de dialogue s’affiche afin que vous recherchiez une image hébergée sur le serveur, notre médiathèque numérique ; utilisez le champ de recherche. Vous pouvez utiliser les images présentes pour illustrer Wikipédia, sans demander l'autorisation des auteurs (principe de la licence libre).
+[[Fichier:Rechercher une image déjà importée.jpg|centré|sans_cadre|600x600px]]
-== Insérer une image ==
+Si l'image à insérer est stockée sur votre disque dur, il faut d'abord l'importer. Pour faire cela, cliquez plutôt sur «Téléverser » ou lisez [[Aide:Importer une image|comment importer une image]].
-{{Cadre page d'aide|texte1              = Après avoir cliqué sur l’icône [[Fichier:OOjs UI icon image-ltr.svg|alt=Icône média de l'éditeur visuel.]] « {{int:visualeditor-dialogbutton-media-tooltip}} », une boîte de dialogue s’affiche afin que vous recherchiez une image hébergée sur notre médiathèque numérique [[commons:Accueil|Wikimedia Commons]] ; utilisez le champ de recherche.  Vous pouvez utiliser les images présentes sur Commons pour illustrer Wikipédia, sans demander l'autorisation des auteurs (principe de la licence libre).   Attention, si l'image à insérer est stockée sur votre disque dur, il faut d'abord l'importer sur Wikimedia Commons. Pour faire cela, lisez [[Aide:Importer une image|comment importer une image]].  Si l'une des images qui apparaît en résultat vous plaît, cliquez dessus et un nouveau menu s'ouvrira.|image1              = VisualEditor - Media editing 2 - fr.png|taille image1       = 250|ligne1              = oui|texte2              = La légende est la description qui apparaît en dessous de l'image tandis que le texte de remplacement est destiné aux lecteurs d'écrans (qu'utilisent les mal-voyants) et s'affiche lorsque les images ne se chargent pas.  Une fois la légende rédigée, cliquez sur le bouton « {{int:visualeditor-dialog-action-insert}} ». Votre image apparaîtra immédiatement sur la page mais elle ne sera pas sauvegardée tant que vous n’aurez pas enregistré la page complète.|image2              = VisualEditor - Media editing 6 - fr.png|taille image2       = 250}}
+[[Fichier:Téléverser une image.jpg|centré|sans_cadre|600x600px|
-== Mettre en forme une image ==
-{{Cadre page d'aide
-|image1              = VisualEditor - Media editing 7 - fr.png
-|texte1              = Lors de l'insertion de la légende, il est possible de cliquer sur « {{int:visualeditor-advancedsettings-tool}} » pour modifier les options d'affichage.
-Vous pouvez alors changer l'alignement (à gauche, centré ou à droite), et la décoration de l'image :
+Si l'une des images qui apparaît en résultat vous plaît, cliquez dessus et un nouveau menu s'ouvrira.]]
+[[Fichier:Sélection d'un fichier à téléverser.jpg|centré|sans_cadre|600x600px]]
+Une fois l'image choisie, de nouveaux menus s'ouvriront qui vous permettront de clarifier la présentation de l'image dans l'article.
+[[Fichier:Utiliser cette image.jpg|centré|sans_cadre|600x600px]]
+Bien que vous devez ajouter un nom de fichier et une description à toute image téléversée (en plus d'indiquer que vous êtes l'auteur.e de cette œuvre), il n'est pas obligatoire d'ajouter une légende à l'image.
+[[Fichier:Champ pour ajouter une légende à une image.jpg|centré|sans_cadre|600x600px]]
+==Mettre en forme une image==
+[[Fichier:Paramètres de mise en forme d'une image.png|vignette|450x450px|Paramètres de mise en forme d'une image.]]
+Lors de l'insertion de la légende, il est possible de cliquer sur « {{int:visualeditor-advancedsettings-tool}} » pour modifier les options d'affichage.
+Vous pouvez alors changer l'alignement (à gauche, centré ou à droite), et la décoration de l'image :
 *vignette (avec légende)
 *sans cadre (sans légende)
@@ Ligne 32 : / Ligne 39 : @@
 Vous pouvez aussi afficher une bordure pour les images sans cadre. La taille de l'image peut être également modifiée, tout en gardant les bonnes proportions.
 Pour effectuer le changement, cliquez sur « {{int:visualeditor-dialog-action-insert}} ».
 Votre mise en forme apparaîtra immédiatement sur la page mais elle ne sera pas sauvegardée tant que vous n’aurez pas enregistré la page complète.
-|taille image1       = 250
+==Modifier une image existante ==
-}}
+[[Fichier:Bouton "Plus de détails".jpg|sans_cadre|450x450px||alt=|bordure|droite]]
+Pour modifier une image existante, si vous utilisez l'onglet « Lire », cliquez sur l'image. Si elle s'ouvre dans la visionneuse de médias, cliquez sur «Plus de détails » en bas à droite. Cliquez ensuite sur « Importer une nouvelle version de ce fichier » pour remplacer l'image sélectionnée par une autre.
-== Modifier une image existante ==
+[[Fichier:Lien "Importer une nouvelle version de ce fichier".jpg|Importer une nouvelle version du fichier|450x450px|alt=|vignette]]
-[[Fichier:VisualEditor - Media editing 3 - fr.png|gauche|vignette]]
+Si vous utilisez l'onglet « Modifier » (Éditeur visuel), cliquez sur l'image puis sur le bouton « Modifier ». Vous pourrez ensuite changer l'image en cliquant sur « Changer l'image » en bas à droite de la fenêtre suivante.
-Pour modifier une image existante, double-cliquez sur l'image ; ou cliquez sur l'image, puis cliquez sur l’icône « Média » avec le nom du fichier qui apparaît juste à côté. Dans la boîte de dialogue, vous pouvez ensuite modifier la légende et le texte de remplacement. Vous pouvez également changer l'image en cliquant le bouton « {{int:visualeditor-dialog-media-change-image}} » en bas à gauche. Vos modifications apparaîtront immédiatement sur la page mais elles ne seront pas sauvegardées tant que vous n’aurez pas enregistré la page complète.
+[[Fichier:Bouton pour modifier une image dans l'Éditeur visuel.jpg|centré|sans_cadre|450x450px|alt=|bordure]]
-{{Clr}}
+[[Fichier:Bouton "Changer l'image".jpg|centré|sans_cadre|450x450px|alt=|bordure]]
-== En vidéo ==
-[[Fichier:WikiMOOC - vidéo 24 - Commons.webm|centré|vignette|(Cette vidéo a fait partie du [[Projet:Aide et accueil/WikiMOOC/Présentation|WikiMOOC]])
-]]
-*Rechercher une image (début de la vidéo)
-*Copie du titre du fichier Commons en vue de l'insertion sur Wikipédia (à 1:56 min)
-*Insertion,dans une page Wikipédia, d'une image (trouvée sur Commons)(à 3:10 min)
-Pour l'importation d'une image, voir la page [[Aide:Importer_un_fichier|Importer un fichier ou une image]] ou à 4:55 de la vidéo ci-dessus (pour l'import d'une image sur Commons).
-== Cas particulier : insérer une image dans une infobox ==
-{{Article connexe|Aide:Infobox}}
-L'insertion d'une image dans une infobox reprend en partie [[Aide:Insérer une image (wikicode)|la manière de faire du wikicode]].
-Comme pour les cas détaillés ci-dessus, il est nécessaire d'avoir une image déjà présente sur Wikimedia Commons ([[Aide:Importer un fichier|comment faire]]).
-# Sur Wikimedia Commons, copiez le titre complet de l'image. Celui-ci commence par <code>File:</code> et se termine par l'extension (<code>.jpg</code>, <code>.jpeg, .png</code>, <code>.tif</code>...).
-# Rendez-vous ensuite sur la page où vous souhaitez ajouter cette image et cliquez sur « modifier » en haut de la page.
-# Double-cliquez sur l'infobox : celle-ci s'ouvre, affichant les différents champs. Cherchez le champ « image ».
-## Si ce champ n'est pas présent, cliquez sur « {{Int:visualeditor-dialog-transclusion-add-param}} » et cherchez le champ « image » pour l'ajouter.
-# Collez le titre de la photo avec son extension (*.jpg) et quittez l'infobox en cliquant sur « {{Int:visualeditor-dialog-action-apply}} »
-Il est également possible d'[[Aide:Insérer une image (wikicode, avancé)#Cas particulier : ins.C3.A9rer une image dans une bo.C3.AEte d.27information .28infobox.29|insérer l'image par le code]].
-== Sur mobile ==
-Pour le moment, l'interface mobile du site (cela ne concerne pas les applications-mobile) n'est pas tout à fait la même sur un ordinateur de bureau. L'interface d'insertion des images n'est pas présente sur le site pour le moment.
-Pour y accéder :
-* dans le navigateur cocher la fonction « voir version ordinateur » (présente sur des navigateurs tels que Chrome, Kiwi, Firefox etc...).
-* changer l'URL de la page comme suit : <code>fr.m.wikipedia.org</code> vers <code>fr.wikipedia.org</code>. Autre possibilité, cliquer sur « désactiver la version mobile », présente en bas de la page.
-Les information comme le bouton « insérer » apparaissent alors. A ce moment on suit le protocole de la même manière qu'avec un PC, comme décrit ci-dessus.
-{{Clr}}
-{{Projet:Aide et accueil/Modifier une page 2015/M/VoirAussi}}