La balise d'image `<img>`¶

La balise <img> est utilisée pour insérer une image dans le contenu de la page web.

La balise d'image permet d'indiquer où se trouve l'image à afficher, ainsi que le texte alternatif à insirer sur la page web si l'image n'est pas accessible.
La balise d'image est une balise de type inline-bloc par défaut.
Il n'y a pas de balise de fermeture.

Bonnes pratiques¶

La balise image doit avoir au moins deux attributs :
- src : cet attribut permet d'indiquer la source de l'image, c'est-à-dire l'emplacement où elle est stockée
- alt : cet attribut permet d'indiquer le texte alternatif à afficher sur la page web si l'image ne peut être affichée
Il est fortement recommandé d'utiliser des images aux dimensions nécessaires afin d'éviter de surcharger le site web d'images trop lourdes. Il est conseillé d'avoir plusieurs tailles de la même image afin que la bonne taille soit utilisée sur chaque plateforme et taille d'écran.
Utiliser une adresse relative dans l'attribut src, afin d'éviter les erreurs lors de la mise en ligne du site web.
Utiliser le CSS pour modifier le style et l'alignement de l'image dans la page.

Au niveau du SEO, le texte alternatif de l'image est indexé et pris en compte par les moteurs de recherche.

Exemple image