Tuto HTML

Les images HTML

Comment insérer une image dans une page HTML? Un site web sans image est un peu comme un bateau sans la mer. Plus sérieusement il est possible d'insérer tout type d'image dans un site internet. Les formats les plus courants sont JPEG, GIF et PNG mais il existe également d'autres formats de plus en plus répandu comme le format base64.

Insérer une image

<img src="lien/vers/mon/image.jpg">

Insérer une image distante

<img src="//upload.wikimedia.org/wikipedia/commons/thumb/4/43/Hulk-logo.svg/220px-Hulk-logo.svg.png">

Taille de l'image

<img src="lien/vers/mon/image.jpg" width="200" height="400">

Décrire une image

<img src="lien/vers/mon/image.jpg" alt="cette description ressortira dans les résultats de moteurs de recherche">

Image base64

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAH0lEQVR42mNk+P+/noGKgHHUwFEDRw0cNXDUwJFqIAAczzHZPJWe1QAAAABJRU5ErkJggg==">