Ajouter des images à vos articles

IBM 2250 graphics station, 1973 (Wikimedia Commons)IBM 2250 graphics station, 1973 (Wikimedia Commons)

Ce tutoriel va vous expliquer comment insérer des images dans vos articles, et notamment comment en mettre à la Une. Mettre des photos dans vos billets est indispensable : cela permet de mettre votre texte en valeur, et de faire comprendre visuellement à votre lecteur de quoi vous lui parlez. Dans le corps d’un article, une photo peut également illustrer visuellement ce que vous êtes en train d’expliquer.

Quelques préliminaires pour commencer :

  • vous ne pouvez pas ajouter n’importe quelle photo à votre article, il faut que celle-ci soit libre de droit. Sur cette question, n’hésitez pas à vous référer à notre tutoriel dédié.

Pour vos articles, vous pouvez donc :

Soit utiliser une image libre de droit récupérée sur Internet,
Soit utiliser vos propres photos. Etant donné les catalogues parfois limités d’images libres de droit, nous vous incitons vivement à produire vous-même vos images d’illustration !

  • il est important d’avoir une taille d’image suffisante pour qu’elle s’affiche correctement ! Une taille moyenne que nous pourrions vous conseiller serait du 600 x 400 px, mais vous pouvez très bien mettre en ligne des images de 1200 x 800 px si vous en avez de cette taille.
  • Pensez aussi à nommer vos images avec des mots-clés descriptifs. Le nom des images est en effet comptabilisé pour le référencement des articles qu’elles servent à illustrer : une bonne nomenclature pourrait donc vous apporter des visiteurs en plus ! La photo qui illustre ce tutoriel s’appelle par exemple : ibm_image_ordinateur_dessin.jpeg.
  • Surtout, rappelez-vous choix d’une photo n’est pas anodin : elle doit correspondre précisément à ce que je suis en train de raconter. Par exemple, si mon article parle de pollution, je peux certes ajouter une photo d’une voiture, mais une photo d’embouteillages ou de nuages de pollution illustrera encore mieux mon papier.

Ces précisions faites, voyons maintenant comment insérer une image !

 

Si vous devez insérer ne serait-ce qu’une image dans votre article, c’est à la Une qu’il faut la mettre 😉
L’image à la une est très utile, puisqu’elle permettra d’illustrer votre article, non seulement aux côtés de votre texte, mais aussi sur votre page d’accueil. Si elle est bien choisie, elle pourra également servir à la page d’accueil de Mondoblog.

mondoblog page accueil photos une

Pour mettre une image à la Une, vous disposez d’un encart dédié dans votre interface d’édition de billet. Cliquez sur « Mettre une image à la Une ».

tutoriel mondoblog image a la une

Pour insérer une image dans le corps de votre article, il s’agit du même processus. Seulement, il vous faut cliquer sur « Ajouter un média », en haut à gauche de ma zone de texte :

tutoriel mondoblog inserer une image

Une nouvelle fenêtre s’ouvre alors. Cliquez sur « Envoyer des fichiers », puis sur « Choisir des fichiers » : cela va me permettre d’accéder aux photos qui sont enregistrées sur mon ordinateur.

tutoriel mondoblog image a la une interface 2

Dans mon cas, j’ai choisi une photo libre de droit sur laquelle on voit un homme dessiner sur un écran IBM. Je la télécharge donc et je la sélectionne. Une fois que vous avez choisi votre image, que ce soit pour la mettre à la Une ou dans le corps de votre article, vous allez arriver dans votre « Bibliothèque de médias ».

Il y a ici plusieurs opérations à effectuer :

tutoriel mondoblog interface image

  • donner un titre à mon image : normalement, vous l’avez déjà fait sur votre ordinateur et le titre correspond au nom de votre fichier image 😉
  • insérer une légende : si vous jugez que votre image appelle une explication, par exemple une explicitation du contexte dans lequel elle a été prise, c’est ici que ça se passe! 🙂 n’utilisez pas de légende dans le cas d’une image à la Une : la légende insère un bandeau dans la partie inférieure de l’image qui nuit au caractère épuré qui fait la force d’une image à la Une.
  • renseigner un texte alternatif : ce champ sert dans le cas où les images ne chargent pas, afin de décrire ce qu’elles étaient censées afficher!
  • écrire une description : nous utilisons ce champ pour attribuer l’image à son auteur, et ainsi savoir d’où elle provient. Ici, l’image choisie a été trouvé sur Wikimedia Commons et ce seul crédit suffit, mais souvent il vaut mieux indiquer le nom du photographe (ou de la personne l’ayant mise en ligne) et son crédit. Il vaut mieux mentionner la plateforme sur laquelle on a trouvé l’image : CC Flickr, Wikimedia Commons, Pixabay, etc. Si la photo est de moi, je mets : « Crédit Photo : Mon prénom ET mon nom »

Une fois que vous avez rempli toutes ces informations, cliquez sur « Mettre une image à la Une » s’il s’agit d’une image à la Une, et sur « Insérer dans l’article » s’il s’agit d’une image qui illustre le corps du texte.

Dans le cas d’une image insérée dans votre billet, vous pouvez alors choisir de déplacer l’image pour qu’elle s’insère bien dans le texte, en fonction du sens que vous souhaitez lui donner. En cliquant sur la photo, vous avez une barre qui s’affiche et qui vous permet de placer la photo à gauche, au centre ou à droite.

De manière générale, préférez toujours mettre votre photo au centre, cela évitera ainsi d’écraser votre texte. Le crayon vous permet de modifier les informations renseignées.

tutoriel mondoblog modif rapide

Voilà, vous savez tout!

Pour plus d’aides et de conseils, n’hésitez pas à vous référer à nos autres tutoriels :

Licence Creative Commons

Ce(tte) œuvre est mise à disposition selon les termes de la Licence Creative Commons Attribution – Pas d’Utilisation Commerciale 3.0 non transposé.

 

Ajouter un Commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *