Comment ajouter une image dans un fichier Markdown

Vous voulez afficher une image dans un fichier .md ? Voici la solution !

Améliorez vos compétences en dev !

Des cours complets, créés par des experts, pour tous niveaux et accessibles en illimité grâce à notre abonnement !

Découvrir

19,99€/mois

Comment ajouter une image dans un fichier Markdown

Les images dans les fichiers de documentation sont des ressources réellement sous-exploitées, que ce soit pour illustrer le projet, ajouter des schémas, des maquettes, etc... c'est un moyen très efficace pour passer de l'info !

Il ne suffit que d'une seule ligne de code, mais comme la syntaxe n'est pas forcément facile à retenir, voici comment ajouter une image en Markdown :

![Texte alternatif](image.png "Le titre de mon image")
À noter que l'url du fichier image est relative à l'emplacement du fichier Markdown !

Quelques informations supplémentaires :

  • Le texte alternatif apparait si l'image ne peut pas être affichée
  • Le titre apparait au survol de la souris
J'espère que cet article vous aura été utile, et à bientôt sur le blog !

Les articles les plus populaires du blog

Envie de continuer à lire des articles autour du développement web (entre autres) ? Voici la sélection des articles de mon blog les plus lus par la communauté !

Voir la sélection 🚀

Recevez les articles de la semaine par e-mail pour ne rien manquer !

S'abonner à la newsletter 📧
Mes formations disponibles 🎓  -5% inclus pour les lecteurs du blog

À propos de l'auteur

Hello, je suis Nicolas Brondin-Bernard, ingénieur web indépendant depuis 2015 passionné par le partage d'expériences et de connaissances.

Aujourd'hui je suis aussi formateur/coach pour développeurs web juniors, tu peux me contacter sur nicolas@brondin.com, sur mon site ou devenir membre de ma newsletter pour ne jamais louper le meilleur article de la semaine et être tenu au courant de mes projets !