Codes d’image pour forums, Markdown et HTML
Une fois que vous avez un lien direct vers l’image, il vous faut le bon code pour l’afficher. Voici un aide-mémoire.
BBCode (forums)
| Objectif | Code |
|---|---|
| Afficher une image | [img]https://…/photo.jpg[/img] |
| Image cliquable | [url=https://…/page][img]https://…/photo.jpg[/img][/url] |
| Définir la largeur (certains forums) | [img width=400]https://…/photo.jpg[/img] |
La prise en charge varie selon le logiciel du forum (phpBB, vBulletin, XenForo, SMF) : consultez la page d’aide de votre forum.
Markdown
| Objectif | Code |
|---|---|
| Afficher une image |  |
| Image cliquable | [](https://…/page) |
Fonctionne sur GitHub, GitLab, de nombreux sites de documentation et applis de notes. L’éditeur de Reddit et Discord gèrent les images différemment : sur Discord, coller un lien direct affiche généralement un aperçu.
HTML
| Objectif | Code |
|---|---|
| Afficher une image | <img src="https://…/photo.jpg" alt="Texte alternatif"> |
| Définir la taille | <img src="…" width="400" height="300" alt="…"> |
| Cliquable | <a href="https://…/page"><img src="…" alt="…"></a> |
Conseils
- Ajoutez toujours un texte alternatif pour l’accessibilité.
- Utilisez le lien direct (qui se termine par
.jpg,.png,.gifou.webp), pas le lien d’une page. - Convertir image en URL vous donne les trois codes prêts à copier après l’envoi.