title: Outlook shows images at original size
body: <p>I'm currently working on some custom responsive email templates that will be used in my clients Mailchimp. (yes, the struggle is real..) The passed week I've been trying to figure out why Outlook shows my images at their original sizes. </p>
  
  <p>As you can see in my code snippet below I've set a width to my img, td and tr. Also tried to add it to the table, didn't make any difference. So even I've set a fixed with to it, in Outlook the images still shows at their original size which causes the layout to go to sh*t. </p>
  
  <pre><code>    &lt;body bgcolor="#e8ebee"&gt; 
  
  &lt;!-- wrapper table --&gt;
  &lt;table cellpadding="0" cellspacing="0" width="650" border="0" class="container" bgcolor="#e8ebee"&gt;
  &lt;tr&gt;
  &lt;td&gt;
      &lt;!-- content1 --&gt;
      &lt;table mc:repeatable mc:variant="Section: item with image top and CTA" width="650" cellpadding="0" cellspacing="0" border="0" align="center" class="full-table"  style="width:650px;"&gt;
          &lt;tr&gt;
              &lt;td bgcolor="#FFFFFF"&gt;
                  &lt;table&gt;
                      &lt;tr width="650" style="width:650px;"&gt;
                          &lt;td style="padding-bottom: 15px; width:650px; max-width:650px;" width="650"&gt;
                              &lt;img mc:edit="article_image" src="my_larger_image.png" alt="" style="width:650px; max-width:650px;" width="650"&gt;
                          &lt;/td&gt;
                      &lt;/tr&gt;
                  &lt;/table&gt;
              &lt;/td&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
      &lt;!-- end content1 --&gt;
  &lt;/td&gt;
  &lt;/tr&gt;
  &lt;/table&gt;
  &lt;!-- end wrapper table --&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>I also have a Litmus account which shows no errors concerning the images when I use the previews. </p>
  
  <p>If I were to use images with the size I define in the attribute and the style, there would no problem. But since this is for a client who will use Mailchimp I want to make sure that even when he uploads a bigger image, everything is still as it's supposed to be. </p>
  
  <p>A second problem is that I use some images as icons, which are double the size for retina screens. Here is the full code for the email at <a href="https://jsfiddle.net/5s9kgmjo/" rel="nofollow noreferrer">jsfiddle</a> And on top of that it should also be responsive. So the images should scale nicely for each device/screen. </p>
  
  <p>Does anyone has an idea or solution that gives me back the power over my images in Outlook? I'm also willing to forget about the fluid email, and have just 2 widths one for mobile and one for desktop. </p>
  
  <p>Oh and last but not least, Yes, I did google it and I think I've been through almost every blog/article about responsive email design the past week.</p>
  
  <p>Thanks in advance for any help!</p>