2015-04-22 66 views
0

我有一個要求,我必須在圖像中嵌入一個郵件,當用戶點擊圖片時,它會將他重定向到新網站。我真的不知道我應該在圖像src中提供什麼。它只能通過html。需要指導。謝謝。在郵件中嵌入HTML圖像?

這是我試用HTML

<html> 
<head> 
</head> 
<title>trial</title> 
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> 
<center> 
<table width="900" border="0" cellpadding="0" cellspacing="0"> 
    <tr> 
     <td><a href="siteAddr"> 
<img style="float:left;" src="myImage.jpg" width="900" height="356" alt="my image" border="0" /></a></td> 
    </tr> 

</table> 
</center> 
</body> 
</html> 
+0

https://sendgrid.com/blog/embedding-images-emails-facts/ http://stackoverflow.com/questions/16242489/send-a-base64-image-in-html-電子郵件 – Mike

+1

是否在網絡上的圖像選項和鏈接到URL?你真的應該在這個圖像上放置替代文字。一些電子郵件客戶端將刪除附件和/或阻止圖像。在這些情況下,你無能爲力。 – Tim

回答

2

INLINE嵌入(base64編碼)

內聯嵌入是簡單得多,主要是因爲你沒有給 完全推出自己的電子郵件和周圍挖在MIME使用它。

首先在電子郵件中嵌入圖像要求您將該圖像的版本號爲 作爲base64編碼字符串。有很多基於Web的 工具可以執行此操作,例如Web Coder Tools提供的ImageToBase64Converter。

一旦你的圖像進行編碼,跳進你的模板,或任何HTML 你發送出去,並嵌入使用標準的HTML圖像標記它:

<img alt="My Image" src="data:image/jpeg;base64,/9j/4S/+RXhpZgAATU0AKgAAAAgACAESAAMAENkDZ5u8/61a+X...more encoding" /> 

然後你就大功告成了!支使。

優點

更易於實現更快速地做需要少得多的深潛 到MIME和應用程序代碼

缺點

能否真正增加的大小特別是如果您使用多個電子郵件 圖像最有可能被阻止b在許多網絡郵件服務Ÿ默認阻止 完全在Outlook

參考:"Sendgrid Blog - Embedding Images"


外部引用鏈接

鏈接從其他網站上的圖像。

<img src="http://this-is-a-url.com/this-is-an-image.jpg" /> 
+0

請在您的回答中引用您的來源,幷包括適當的報價格式 - 僅通過鏈接發佈對問題的評論是不夠的。看到http://stackoverflow.com/help/referencing – BoltClock

+0

引用已被添加,隨意編輯它適合適當的「格式」,因爲我不能打擾。 – Mike

0

以絕對網址取代IMG SRC就大功告成了 - 如果閱讀器連接到讀操作時的互聯網,否則你的PIC將不會被加載。

相關問題