<img>

<img> (pour image) permet d'insérer un visuel au sein d'un document HTML. Cette balise requiert principalement deux attributs obligatoires : src et alt. Il est à noter que les visuels ne sont pas, techniquement, insérés dans le document. Ils sont plutôt appelés via cette balise. <img> crée donc un espace réservé à l'image appelée. L'appel à l'image en question se fait via l'attribut src.

Plusieurs formats d'image sont envisageables dans un email

Jpeg, gif, ou png. Chacun de ces formats a ses qualités… Et ses défauts :

JPEG

GIF

PNG

Avantages

Parfait pour les dégradés, il permet aussi de régler la qualité de la compression de l'image. Ce format peut afficher plusieurs millions de couleurs. Il est idéal pour toute photo ou visuel de produit.

Permet la transparence, et permet aussi de choisir la palette de couleurs. Mieux encore, ce type de format permet de générer des gifs dits « animés ».

Permet la transparence, tout en gardant une bonne qualité d'image. Le PNG-8 est très similaire au format gif, puisqu'il supporte 256 couleurs et permet la transparence, et peut même s'avérer plus léger qu'un gif. Le PNG-24 est similaire au jpeg, puisqu'il peut comprendre jusqu'à 16 millions de couleurs.

Inconvénients

Ne permet pas la transparence et peut s'avérer relativement lourd sans compression.

Ce format n'est pas très bon dans les dégradés. De plus, il ne supporte qu'un maximum de 256 couleurs. Il est en général utilisé pour les textes, pictogrammes, ou logos.

Il fut un temps mal supporté par quelques clients mails. Son poids peut parfois s'avérer un peu trop lourd.

Une question ?