如何在HTML電子郵件模板中嵌入圖像？

我已經創建了電子郵件模板使用HTML和從頭開始的內聯樣式。現在我需要添加一些圖片，在這一點上不可能使用網址，因爲它沒有託管。我嘗試使用base64編碼，它在Apple郵件客戶端工作，但圖像不在Gmail中呈現。有沒有辦法將圖像嵌入到所有電子郵件客戶端支持的html中？如何在HTML電子郵件模板中嵌入圖像？

來源

2017-04-06 Ajay Sivan

你是怎麼在你的html中嵌入base64圖片的？ – repzero

@repzero我使用在線服務將圖像轉換爲base64，然後將數據放入'src'屬性中。它在瀏覽器和蘋果郵件客戶端工作，但不適用於Gmail。我發現很多電子郵件客戶端都不支持，包括Gmail –

，您可以在http://imgur.com/upload上傳圖片，然後使用圖片的src網址。 –

通過共享「公開在網絡上」或「任何有鏈接的人」的鏈接，在Google Drive中公開主持該圖像。然後使用此鏈接http://drive.google.com/uc?export=view&id=FILE_ID直接訪問圖像。您應該用Google Drive鏈接中的實際ID替換FILE_ID。

例子：

谷歌雲端硬盤鏈接：https://drive.google.com/open?id=0B7RYx63s2PFqam9PWVFrcXc1RU

生成的鏈接：http://drive.google.com/uc?export=view&id=0B7RYx63s2PFqam9PWVFrcXc1RU

現在你可以使用這個鏈接在你的模板。

來源

2017-04-06 07:17:26

Base64支持非常有限。一般來說，建議不要使用它。你可以在this tutorial找到關於base64編碼支持的信息。這可能有助於確定受支持的客戶端列表是否足夠滿足您的需求。

通過將電子郵件與電子郵件一起發送並通過img標記引用發送的圖像，可以將圖像嵌入到電子郵件中。 Campaignmonitor的「Embedding images revisited」博客文章是此方法的一個不錯的入門讀物。

最好的解決方案是將圖像託管到服務提供商，這是快速和維護。如果您使用Github，您還可以從存儲庫的GH-Pages分支提供圖像（或任何其他內容）。

來源

2017-04-07 15:50:48

如何在HTML電子郵件模板中嵌入圖像？

回答

相關問題