Mailchimp 电子邮件中的图像在 Gmail 中非常大答案

【问题标题】：Images in Mailchimp email very large in GmailMailchimp 电子邮件中的图像在 Gmail 中非常大
【发布时间】：2013-02-12 15:35:18
【问题描述】：

我有一个正在为客户处理的 MailChimp 模板。仅在 Gmail 中，我得到一些比模板中规定的尺寸大得多的图像。在此示例中，图片在 Gmail 中显示为 600 像素 x 120 像素，但 <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>

任何建议将不胜感激。

【问题讨论】：

您的内联 CSS 将宽度设置为 600 像素。 gmail 显示的宽度是否超过 600 像素？
其实宽度还可以。图片的高度在代码中为 4px，但在 gmail 中显示为 120px 高。

标签： email gmail mailchimp

【解决方案1】：

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

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

另外，你没有在'style'属性中设置高度，所以添加它可能会解决问题

【讨论】：

【解决方案2】：

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

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

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

然后，如果可能，按照 Alex Ponomarev 的建议，将 height 和 width 属性添加到每个图像。

【讨论】：