在邮件中嵌入HTML图像?

时间:2015-04-22 17:35:58

标签: html html-email

我有一个要求,我必须在邮件中嵌入图像,当用户点击图像时,它会将他重定向到新网站。我真的不知道我应该在图像src中提供什么。是否有可能只通过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>

2 个答案:

答案 0 :(得分:2)

  

INLINE EMBEDDING(Base64编码)

     

内联嵌入更加简单,主要是因为您不必这样做   完全滚动你自己的电子邮件并在MIME中挖掘使用它。

     

首先在电子邮件中嵌入图片需要您拥有版本   所述图像作为base64编码的字符串。有很多基于网络   这样做的工具,例如Web Coder Tools的ImageToBase64Converter。

     

对图像进行编码后,跳转到模板或任何HTML   您正在发送,并使用标准HTML图片代码嵌入它:

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

然后你就完成了!送走。

     

<强> 赞成

     

实现起来要简单得多,要快得多,需要更少深度潜水   进入MIME和应用程序代码

     

<强> 缺点

     

可以真正增加电子邮件的大小,特别是如果您使用多个电子邮件   图像很可能在许多网络邮件服务中被阻止   完全在Outlook中

参考文献:"Sendgrid Blog - Embedding Images"

外部参考链接

链接其他网站的图片。

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

答案 1 :(得分:0)

用绝对网址替换img src并完成 - 如果读者在阅读时连接到互联网,否则你的照片将无法加载。