Centre des communautés
S'inscrire
Advertisement
Centre des communautés

Ajouter des images permet d'améliorer la qualité de n'importe quel article, fournissant des détails supplémentaires et illustrant le sujet – après tout, une image vaut mille mots ! Il peut également améliorer le classement dans les moteurs de recherche d'un wiki.

Le processus d'ajout d'images dans un article est très similaire à celui d'ajouter des vidéos. Vous pouvez rafraîchir vos connaissances sur notre outil d'intégration de vidéos pour parfaire votre maîtrise des outils d'un illustrateur de wiki.

Prérequis pour l'ajout d'images[]

Les utilisateurs anonymes et ceux inscrits peuvent ajouter des images à un article en mode édition du texte source. Dans les éditeurs visuels, seuls les utilisateurs inscrits peuvent le faire.

Les images doivent exister sur le wiki. Si elles ne sont pas disponibles, elles doivent d'abord être importées. Essayer d'ajouter une image inexistante ne fera que créer un lien rouge vers une page de fichier.

Seuls les utilisateurs inscrits connectés peuvent importer des fichiers. Consultez cette page pour plus de détails sur l'importation de fichiers.

Comment ajouter une image dans l'ÉditeurVisuel[]

Lorsque vous modifiez avec l'ÉditeurVisuel, le processus d'ajout d'image dans une page se fait au travers de la barre supérieure de l'éditeur. Consultez cette page d'aide.

Rappel : Seuls les utilisateurs connectés peuvent importer et modifier des images via l'Éditeur Visuel du wiki.
  • Après vous être connecté, cliquez sur le bouton Modifier ou ÉditeurVisuel de la page dans laquelle vous souhaitez ajouter des images.
  • Une fois que vous êtes en mode Édition Visuelle, cliquez sur le bouton Média situé sur la barre supérieure. Cela ouvrira la boîte de dialogue Paramètres du média, où vous pourrez rechercher des fichiers existants en fonction de leur nom ou téléverser votre propre fichier.
  • Une fois que vous avez trouvé l'image que vous voulez ajouter, cliquez dessus. La boîte de dialogue vous permettra d'agrandir l'image et vous donnera un peu plus d'informations sur celle-ci. Cliquez sur utiliser cette image pour continuer.
  • La boîte de dialogue suivante vous permet de personnaliser la façon dont l'image apparaîtra sur la page en ajoutant une légende ou un texte de remplacement (onglet Général) et en choisissant sa taille, sa position et son apparence (onglet Avancé).
  • Une fois que vous avez terminé, cliquez sur Insérer et puis Enregistrer la page pour valider vos modifications.

Vous pouvez également modifier les images déjà présentes sur la page en cliquant sur celles-ci et en sélectionnant le bouton Modifier, ce qui ouvrira la même boîte de dialogue de personnalisation.

Comment ajouter une image en mode édition source[]

L'édition source maintient la possibilité d'ajouter et de personnaliser les images par la barre supérieure comme dans l'Éditeur Visuel. Mais comme son interface est fondamentalement différente des éditeurs visuels, vous pouvez ignorer le processus ci-dessus et ajouter et modifier directement avec le wikitexte sous-jacent. L'image suit un format spécifique, encadrée de crochets comme un lien ordinaire.

[[Fichier:Wiki.png|220px|center|thumb|link=Aide:Ajouter des images|alt=Ceci est un texte alternatif|class=Ceci est destiné aux classes HTML|Et ceci une description]]

  • Chaque image de la page commence par Fichier: ou Image:, suivi du nom exact du fichier téléchargé. Il est sensible à la casse : Wiki.png et WIKI.png sont considérés comme des fichiers différents.
  • Si seul le lien est spécifié, l'image sera ajoutée telle quelle : Avec la résolution de base et sur la ligne. Pour personnaliser son apparence, vous pouvez ajouter des arguments, séparés par la barre verticale ou le symbole de tube, |. Ces arguments sont les suivants :
    • Taille, spécifiée en pixels. Par exemple, 220px affichera l'image en 220 pixels de largeur, tandis que x120px affichera l'image en 120 pixels de hauteur.
    • Alignement sur la page. left et right aligneront l'image à gauche et à droite respectivement, avec le texte entourant l'image. center alignera l'image au milieu de la page sans qu'aucun texte n'entoure cette dernière.
    • Apparence. En ajoutant thumb, l'image s'affichera sous forme de vignette avec une largeur par défaut si rien d'autre n'est spécifié, avec la légende affichée en dessous. Vous pouvez également choisir border pour afficher l'image avec une bordure autour.
    • Lien fera que l'image ouvrira une page spécifique, plutôt que celle de description du fichier. Il est toujours précédé de link=. L'option peut également être utilisée pour contourner la visionneuse d'images et afficher une image sans lien vers la page de description. Pour ce faire, il suffit d'ajouter l'option à la syntaxe et de la remplir avec une valeur vide (même pas un espace).
    • Texte alternatif, spécifié avec alt=, qui s'affichera au passage de la souris ou à l'écran si une image ne se charge pas. Ce texte est également utilisé par les moteurs de recherche et les liseuses d'écran, il est donc préférable de spécifier un texte alternatif descriptif pour chaque image.
    • Classe HTML, spécifiée avec class=, définit les classes pour l'élément <img/> généré. Par exemple, class=foo__bar baz ajoutera class="foo__bar baz" à l'élément image généré. Ces classes peuvent être utiles pour personnaliser l'apparence de l'image ou des images par le biais des Pages CSS.
    • Description, qui s'affichera sous l'image s'il est spécifié qu'elle doit apparaître sous forme de vignette ou au survol de la souris. Tout texte qui n'est pas reconnu par le wiki comme un argument sera interprété comme une description.

Le logiciel wiki n'exige pas que les arguments soient ajoutés dans un ordre spécifique, bien qu'il soit considéré comme une bonne pratique d'utiliser un modèle cohérent. Pour plus de détails sur l'ajout d'images via wikitexte, consultez la section sur la mise en forme d'images ici. Pour les liens vers des pages de description d'images, voir cette page.

Comment visualiser les images en plus haute résolution[]

Image Lightbox

Visualiser une image depuis la visionneuse.

Lorsqu'elles sont placées sur la page, les images sont généralement affichées en résolution beaucoup plus petite. Vous pouvez les inspecter en allant sur la page du fichier ou en les ouvrant dans la visionneuse.

La visionneuse s'ouvre par défaut en cliquant sur l'image, le lien vers la page de description du fichier étant affiché en haut de la visionneuse.

Si vous souhaitez contourner entièrement la visionneuse, il vous suffit de maintenir la touche « Ctrl » (pour les utilisateurs Windows) ou « Commande » (pour les utilisateurs Mac) enfoncée, puis de cliquer sur la photo. Un nouvel onglet s'ouvrira, mais vous serez sur la page du fichier dans le nouvel onglet.

Voir aussi[]

Plus d'aide

Advertisement