Mailchimp - 在前景限制圖像尺寸

林編碼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 -->

來源

2017-02-13 David Lamm

嘿大衛！展望是一個可怕和憤怒的野獸。讓我幾乎每次都上傳一些適合我的東西。儘管如此，Outlook TOTALLY IGNORES圖像調整了CSS中的屬性大小。 – scoopzilla

你可以發表你曾嘗試過嗎？ – scoopzilla

謝謝scoopzilla，我已經嘗試了很多小東西，而且他們通常都會將各種硬編碼寬度和內聯最大寬度放在一起。我已經用我的最新嘗試更新了我的帖子！期待你的代碼 –

我認爲你的問題可能有點類似於這樣一個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>

來源

2017-02-17 12:31:12 Kevincore

我得出了同樣的結論。看來唯一的解決辦法是信任用戶。 Mailchimp應該爲此做點事情。謝謝 –

@DavidLamm，它確實應該做些什麼呢！起初我無法相信它.. – Kevincore

Mailchimp - 在前景限制圖像尺寸

回答

相關問題