Email html image

De MappingDoc

Voici les différentes façons d'incorporer une image dans un email rédigé au format HTML.

embedded image en base64

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA
AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot">

Avantage : image directement visible Inconvénient : augmente la taille de l'email (à la fois parce qu'on envoie l'image mais aussi parce que le base64 fait gonfler la taille de 1/3 environ) nécessite de convertir un fichier en base64

référence à une pièce jointe

--boundary
Content-ID: <0123456789>
Content-Type: image/png; name="sig.png"
Content-Disposition: inline; filename="sig.png"
Content-Location: sig.png
Content-Transfer-Encoding: base64

base64 data 
--boundary

And in the HTML
Content-Type: Text/HTML; charset=US-ASCII
<img src="cid:0123456789" alt="image sig>

Avantage : on envoie une pièce jointe et on y fait référence Inconvénient : la gestion des pièce jointe est à la liberté du client, les images ne seront pas toujours indexées dans le même ordre

lien sur l'internet

<img src="https://images.com/SPhK8fI7Ih8" alt="">

Avantage : pas de manipulation d'images Inconvénients : l'image doit exister en ligne certains clients de messagerie et webmail activent des règles de sécurité sur de telles images, elle ne seront peut être pas visible dès l'ouverture du mail sans une validation de l'utilisateur.