电子邮件模板中的背景图像被阻止答案

【问题标题】：Background image in email template is blocked电子邮件模板中的背景图像被阻止
【发布时间】：2016-06-04 02:04:12
【问题描述】：

当我向电子邮件模板表添加背景时，所有电子邮件客户端都阻止了此图像。如何添加图像？使用 SSL 的域可能吗？

【问题讨论】：

【解决方案1】：

设计适合所有电子邮件客户端的电子邮件非常耗时且困难。 GMail 尤其困难。这是list of css elements and their compatibility。这是一个很好的参考，我每次设计新的电子邮件模板时都会参考它。最好只使用所有客户端或电子邮件服务都支持的标签。

background-image 不支持：Outlook 2007、Outlook 2010、Outlook 2013 和 Outlook.com。但是，完全支持background（不包括图片）。

【讨论】：

感谢您的回复，我正在使用 rect 和背景，但在桌面客户端中，例如：Outlook、Thunderbird 我收到警报阻止背景 prntscr.com/a6ocia
哦，我明白了。我正在阅读如果发件人不受信任，客户端可能会阻止图像自动下载，因此可能需要一些努力才能进入白名单。您还可以尝试使用 Amazon AWS 之类的东西来托管图像。

【解决方案2】：

某些电子邮件客户端不支持背景图片。幸运的是，大多数人都有解决方法。听起来您希望将图像作为特定表格单元格的背景。如果是这样，请使用此代码，将“image.jpg”替换为您的实际图像。注意：您需要在下面的代码中两次输入您的图片（一次在<td> 中，一次在<v:rect> 中

<table>
    <tr>
        <td background="image.jpg">
        <!--[if gte mso 9]>
        <v:rect xmlns:v="urn:schemas-microsoft-com:vml" fill="true" stroke="false" style="width:600px;">
        <v:fill type="tile" src="image.jpg" color="#0c0807" />
        <v:textbox style="mso-fit-shape-to-text:true" inset="0,0,0,0">
        <![endif]-->
            <div>
            *YOUR CONTENT OR MORE TABLES GO HERE*
            </div>
        <!--[if gte mso 9]>
        </v:textbox>
        </v:rect>
        <![endif]-->
    </td>
</tr>

此代码使您的表格单元格包含图像。设置高度或宽度以适合图像。下面的附加条件语句强制图像在 Outlook 中显示，这是支持背景图像的最不可靠的电子邮件客户端之一。

【讨论】：

感谢您的回复，我正在使用 rect 和 background，但在桌面客户端中，例如：Outlook、Thunderbird 我收到了阻止背景prntscr.com/a6ocia 的警报
在这种情况下，try this post。简而言之，您不能强制显示图像。