Question

我有一个正在为客户工作的MailChimp模板。仅在Gmail中，我会获得一些比模板中规定尺寸大得多的图像。在此示例中，图像在Gmail中显示为600px x 120px，但<td>为：

<td cellpadding="0" cellspacing="0" style="border-collapse:collapse;vertical-align:top" height="4px" width="600px">
                                <img src="http://www.marketingscience.co/boa/hero-header.png" style="display:block;border:0;min-height:4px;width:600px;background-color:#696969;color:white;font-size:18px;line-height:100%;outline:none;text-decoration:none">
                              </td>

任何建议都将不胜感激。

Answer 1

尝试在普通html中设置图像尺寸，如下所示：

<img src="image.png" width="100px" height="300px" />

此外，您在'style'属性中没有设置高度，因此添加它可以解决问题

Answer 2

在电子邮件模板中添加样式元素，并为电子邮件中的所有图片设置一些默认样式，如下所示：

 <style>
   img {
     display:block;
     height:auto;
     line-height:100%;
   }
 </style>

MailChimp会在发送电子邮件之前将这些样式内联添加到每个<img>元素。

然后，如果可能的话，像Alex Ponomarev建议的那样，为每张图片添加height和width属性。

Mailchimp中的图片在Gmail中非常大

2 个答案: