Fichiers HTML avec images intégrées

fr-users
#1

Bonjour,

Notre institut quitte la suite de Microsoft pour l'utilisation de Libre Office . Dans le même temps, la version d'Outlook 2016 est installée sur nos postes (impératifs techniques). Je souhaite donc créer une signature pour mettre dans mes mails. Cette signature est basée sur un tableau et comporte deux images. Je sauvegarde donc au format HTML afin de pouvoir les intégrer dans mes messages. Mais lors de la réception, les fichiers images ne sont pas attachés au fichier HTML, ce qui implique des emplacements vides chez mes destinataires. Par contre, si je les créé depuis Outlook, tout fonctionne très bien car ce dernier créé un dossier avec les fichiers images et un fichiers xml.
Avez-vous des idées pour permettre l'intégration des images à mon fichier HTML ?
Je joins en PJ mon fichier anonymisé ainsi qu'un fichier en ODT pour le visuel désiré.
Cordialement
Frédéric

#2

Bonjour,

La solution qui me parait la plus simple est d'utiliser  le codage Base64 : l'image est codée et directement intégrée au code HTML de la signature.
Le code ressemble à ça :

<img width="64" height="64" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAACAAQMAAAD58POIAAAABlBMVEXNk/IAkPB+JE9PAAAAAXRSTlMAQObYZgAAAahJREFUSMfl1sttwzAMAFALPujoDapNotFkoAt0JI/iEXwUUEEsP/pRcREU6KVoDgb8ElMkbdFZll/7hKjPLWQNHuBUAADXeG4Qog4xgUNIU0wNYQY8V4msM9gZthncDB6SURCwspDVqvvisyoN4+QxjaTBUqUMRgrYqDkMgaIRYPsoKJVwcF54pGW3Ap6OlJgvEPBCzjQ0WASgAGTJxcywFuBsCOwIFg/cp52+jAKuwaXBCkTOq8GGQHlBra3ApwJ6RqAWi2AowFsFBxe3Vu7Kfg9rvVfhFjyca31mqD8E9hmiguN74OC4tq1P9wymwjbBcgPnCBk7VyEJbBrSDLGBFOk/EI4Bait/CvszuKTB0Z0Y4J3v/gCewXSAe2iX+Ab5JUCfCBK0pAwTrAMcCpYCEgKWCrxZ8pobrDJ1HgxnGSpXXf+SSnIbFlHy7JD42CaIl02YQ+pjjndUA0frOogjnDSGGuDuTJjF0cayLUW0XwikDlI3brk0DGSK24dwaUyHIKOxQxnRHUorhkEuc2QAx60YXgaGm6jfDn8Lzv8E4XgFfr//0/AF/6V42C3wkboAAAAASUVORK5CYII=" />

Dans le code HTML au lieu d'avoir le chemin d'accès au fichier, on a donc
<src="data:image/type;base64, .... le code en base64" />
le type pouvant être png, gif ou jpg .. et peut être d'autres, je ne sais plus
Le code prend plus de place mais si l'image est petite, ça ne devrait pas poser de problème.

cf http://www.bellami.fr/encoder-ses-images-en-base64
On y trouve, notamment des outils de conversion

Au passage : les pièces jointes ne sont pas prises en compte sur la liste, il faut passer par un site de partage comme Framadrop (https://framadrop.org/)

Bon courage

Christian F