2017-02-13 149 views
1

林编码mailchimp模板为客户和我遇到的问题与图像尺寸Mailchimp - 在前景限制图像尺寸

的问题是,与宽度大于所述模板宽度(通常600像素)图像以示出原始大小的前景。我可以信任我的用户能够处理这样的弱点。

有是工作的一种方式,并且那如果图像尺寸是硬编码到IMG标签,虽然在mailchimp改变图像时,硬编码的属性被吞没。 - 并非所有微软的错误。

我找到最接近的解决方案是在这里找到: How to retain image dimensions in Mailchimp templates - 但OPs自己接受的答案是不完整的。

任何智能建议?现在花了这么多时间,并开始怀疑。

我想这一点,应该是万无一失,但石蕊测试时,它在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 --> 
+0

嘿大卫!展望是一个可怕和愤怒的野兽。让我几乎每次都上传一些适合我的东西。尽管如此,Outlook TOTALLY IGNORES图像调整了CSS中的属性大小。 – scoopzilla

+0

你可以发表你曾尝试过吗? – scoopzilla

+0

谢谢scoopzilla,我已经尝试了很多小东西,而且他们通常都会将各种硬编码宽度和内联最大宽度放在一起。我已经用我的最新尝试更新了我的帖子!期待你的代码 –

回答

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会抛出一个小小的警告。

如果可以以任何方式帮助;看到我在我的模板中使用的代码,使其流畅。

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

+0

我得出了同样的结论。看来唯一的解决办法是信任用户。 Mailchimp应该为此做点事情。谢谢 –

+0

@DavidLamm,它确实应该做些什么呢!起初我无法相信它.. – Kevincore