Mailchimp - Outlookで画像のサイズを制約

Question

イムは、クライアントのためにmailchimpテンプレートをコーディングし、私は問題は、テンプレートの幅（通常600PX）より大きい幅の画像がで示されていることである画像寸法

の問題に実行しています見通しの元のサイズ。私はユーザーがこのような弱点に対処できると信じることができます。

画像サイズがimgタグにハードコードされている場合は動作しますが、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

私はあなたの質問は、この1 Mailchimp affects my Outlook-specific conditional comments in HTML

にちょっと似ているかもしれないと思います

私はあなたと同じ問題を抱えています。残念なことに多くの時間をWebで検索してデバッグした後、私は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>