Question

我为客户编码mailchimp模板，我遇到图像尺寸问题

问题是宽度大于模板宽度（通常为600px）的图像在outlook中以原始大小显示。我可以相信我的用户能够处理这样的弱点。

有一种方法可行，如果图像尺寸被硬编码到img-tag中，尽管在更改mailchimp中的图像时，硬编码属性会溢出。 - 这不是所有的微软故障。

我最接近解决方案的地方是： How to retain image dimensions in Mailchimp templates - 但OP自己接受的答案是不完整的。

有任何明智的建议吗？现在花了几天时间开始不信任。

我试过这个，应该是万无一失的，但是当用石蕊测试时，它在Outlook 2010及以下版本中出现了：

 <!-- content1 -->
    <table mc:repeatable mc:variant="Section: item with image top and CTA" width="300" cellpadding="0" cellspacing="0" border="0" align="center" class="full-table" style="width:300px;">
        <tr>
            <td bgcolor="#FFFFFF" width="100%">
                <table width="100%">
                    <tr>
                        <td width="100%">
                            <img mc:edit="article_image" src="https://gallery.mailchimp.com/3517b92e77c79cf5a2a6072a3/images/c37645eb-f76b-44e9-88ab-f01b1929dda2.jpg" id="contact-photo" alt="" style="width:100%; max-width:100%;" width="300">
                        </td>
                    </tr>
                </table>
            </td>
        </tr>
    </table> 
<!-- end content1 -->

Answer 1

我认为您的问题可能类似于Mailchimp affects my Outlook-specific conditional comments in HTML

我和你有同样的问题。不幸的是，经过几个小时的调试搜索网络后，我在MailChimp帖子上阅读了以下内容：

Outlook无法识别限制图像的HTML。这意味着如果您使用HTML来调整上传到广告系列的图片或模板，它可能会在Outlook中以原始大小显示。务必在将图像上传到MailChimp之前调整图像大小，或者使用我们的图像内置图像编辑器。

来源：MailChimp Knowledge Base

我真的不相信这可能是真的，所以我一直试图限制图像。我把固定宽度放在img，td，tr，table上......没有任何帮助。

可悲的是，我无法解释会发生什么，希望通过MC文章的链接可以让您更好地了解相关信息。但我最好的答案是设置最大宽度和宽度。宽度到你的img和td无论如何。并告诉您的客户将图像大小调整为允许的大小。设置最大宽度和宽度时，如果将鼠标悬停在MailChimp编辑器中的可编辑图像上，也会显示#px。我还发现，当你上传一个更大的尺寸时，MailChimp会抛出一个小小的＆＃39;警告。

如果它有任何帮助;请参阅我在我的模板中使用的代码，以使其流畅。

<table mc:repeatable mc:variant="Item with image top and CTA" width="650" cellpadding="0" cellspacing="0" border="0" align="center" class="full-table" style="width:650px;">
<tr>
  <td style="padding:30px 20px 40px 20px;" bgcolor="#FFFFFF">
    <table width="100%" cellpadding="0" cellspacing="0" border="0">
      <tr>
        <td style="padding-bottom:15px;max-width:610px;">
          <img src="/images/img.jpg" alt="x" style="width:100%; max-width:610px;" width="610" mc:edit="article_image">
        </td>
      </tr>
    </tr>
  </table>
</td>

Mailchimp - 约束outlook中的图像尺寸

1 个答案: