---

title: Aide-mémoire des images Markdown keywords: Aide-mémoire des images Markdown, Syntaxe des images Markdown, Syntaxe des images Markdown description: Référence rapide pour les images, liens, citations Markdown, combinaisons et erreurs courantes.

Aide-mémoire des images Markdown

Syntaxe des images Markdown

Images inline Markdown

![Texte alternatif](image.jpg)
![Texte alternatif](image.jpg "Titre de l'image")

Images de référence Markdown

![Texte alternatif][img-ref]

[img-ref]: image.jpg "Titre optionnel"

Liens d'images Markdown

[![Texte alternatif](image.jpg)](https://www.markdownlang.com)

Spécifier la taille Markdown

<img src="image.jpg" alt="Texte alternatif" width="300" height="200">

Combinaisons courantes Markdown

Image cliquable Markdown

[![Logo du projet](logo.png)](https://github.com/user/repo)

Image centrée Markdown

<div align="center">
  <img src="image.jpg" alt="Description">
</div>

Images côte à côte Markdown

<img src="img1.jpg" width="48%"> <img src="img2.jpg" width="48%">

Meilleures pratiques Markdown

Type	Suggestion	Exemple
Texte du lien	Utiliser du texte descriptif	✅ [Guide utilisateur]()
Texte du lien	Éviter "cliquez ici"	❌ [Cliquez ici]()
Fichier image	Utiliser un chemin relatif	✅ ./images/pic.jpg
Texte alternatif	Décrire le contenu de l'image	✅ ![Capture d'écran de l'interface]()
Format de fichier	Utiliser des formats web	✅ JPG, PNG, WebP

Sortie HTML Markdown

Markdown	HTML
[text](url)	<a href="url">text</a>
	<img src="img" alt="alt">
<url>	<a href="url">url</a>

Erreurs courantes Markdown

❌ Exemples incorrects:
[Link(https://www.markdownlang.com)     ← Parenthèse fermante manquante
![Image](image.jpg             ← Parenthèse fermante manquante
[ Link ]( https://www.markdownlang.com ) ← Espaces inutiles

✅ Exemples corrects:
[Link](https://www.markdownlang.com)
![Image](image.jpg)
[Link](https://www.markdownlang.com)