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

我有一个MailChimp模板，我正在为客户端工作。仅在Gmail中，我会看到一些图片比模板中指定的尺寸大得多。在该示例中，图像被显示在Gmail在600px的X 120像素，但<td>是：Gmail中Mailchimp电子邮件中的图像非常大

<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>

任何建议，将不胜感激。

来源

2013-02-26 analyticsPierce

您的内联CSS将宽度设置为600px。 gmail是否显示宽度超过600像素？ – 2013-02-26 23:59:04

其实宽度很好。代码中图像的高度为4px，但在gmail中显示为120px高。 – analyticsPierce 2013-02-27 01:12:54

尝试设置图像dimesions在纯HTML，像这样：

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

而且，你已经没有高度在“风格”属性设置，因此增加它可能会解决这个问题

来源

2013-02-27 05:28:07

添加样式元素在您的电子邮件模板，并为所有图像的一些默认样式在您的电子邮件，就像这样：

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

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

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

来源

2013-03-03 22:35:50

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

回答

相关问题