web-dev-qa-db-fra.com

Comment incorporer une image dans un courrier électronique HTML Outlook?

Nous avons une application Winforms qui prend en charge le glisser-déposer de gros morceaux de HTML dans les messages Outlook (HTML).

Les morceaux de texte vont bien.

Mais comment procédons-nous avec les images? Supposons que nous ne souhaitons pas héberger les images en ligne mais que nous souhaitons les envoyer avec le message électronique. Supposons également que nous souhaitons voir l'image en ligne, pas sous forme de pièce jointe (lorsque le client de messagerie du destinataire le prend en charge, bien sûr).

Si vous regardez la source HTML d'un message Outlook, il y a des balises "cid" pour les images (ce qui indique l'image en pièce jointe je suppose), mais comment pouvons-nous générer un cid/contentid?

8
hawbsl

Si une étape manuelle du processus est une option, vous pouvez le faire comme suit:

  1. créer le code HTML automatiquement ou manuellement en tant que fichier HTML enregistré, avec les balises <img> qui renvoient à fichiers d'image sauvegardés localement
  2. attachez le code HTML à un e-mail Outlook à l'aide de l'option 'Insérer sous forme de texte' située sous la flèche vers le bas du bouton "Insérer" lors de la sélection du fichier HTML en tant que pièce jointe. 

Cela remplit le courrier électronique HTML avec le code HTML du fichier et incorpore toutes les images. Je crois que cet outil utilise le codage Base64 pour incorporer les images comme décrit dans l'e-mail de Sam.

Selon le flux de travail, cette méthode peut être plus simple que de convertir vous-même des images en Base64.

Notez que cette méthode ne fonctionne que dans Outlook pour Windows, pas Outlook pour Mac .

5
user568458

Vous pouvez incorporer des images dans un courrier électronique html à l'aide d'un encodeur base64. C'est assez compliqué, mais vous codez l'image en tant que chaîne de texte dans l'e-mail, qui est ensuite interprétée.

Cela ne fonctionne cependant pas dans tous les clients de messagerie.

Jetez un coup d'oeil à ceci et voyez si c'est ce que vous cherchez:

http://www.campaignmonitor.com/blog/post/1761/embedding-images-in-email/

MODIFIER

La publication de moniteur de campagne mise à jour sur les clients qui travaillent avec des images base64

5
Undefined

Si vous utilisez le langage HTML pour créer l'intégralité de votre courrier électronique, vous pouvez effectuer une recherche sur Google pour la même image et l'insérer: 

<img src="http://www.google.com/intl/en_ALL/images/logos/images_logo_lg.gif" alt="picture1" /> 

Vous pouvez également utiliser photobucket pour héberger des images (le cas échéant). En gros, vous DEVEZ avoir une source pour l’image.

0
user1256042