title: Retina Images in HTML Email Signature Outlook 2016
body: <p>I am trying to add company logo to signature in outlook but users on iPhone the logo is a blurry. I found an article where it ask to use 2x image as resolution but that did not work as outlook resized image before sending.</p>
  
  <p>The logo in files folder is 268 x 56px but when sent to user 134 x 28px, i found when inspected in chrome developer tools. </p>
  
  <p><a href="https://litmus.com/blog/understanding-retina-images-in-html-email" rel="nofollow noreferrer">https://litmus.com/blog/understanding-retina-images-in-html-email</a></p>
  
  <p>Here is html code for image.</p>
  
  <pre><code>&lt;!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN"&gt;
  &lt;HTML xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"&gt;
  &lt;HEAD&gt;
  &lt;META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8"&gt;
  &lt;META NAME="Generator" CONTENT="MS Exchange Server version 6.5.7036.0"&gt;
  &lt;link rel=File-List href="Standard Signature_files/filelist.xml"&gt;
  &lt;TITLE&gt;Preview&lt;/TITLE&gt;
  &lt;!--[if !mso]&gt;
  &lt;style&gt;
  v\:* {behavior:url(#default#VML);}
  o\:* {behavior:url(#default#VML);}
  w\:* {behavior:url(#default#VML);}
  .shape {behavior:url(#default#VML);}
  &lt;/style&gt;
  &lt;![endif]--&gt;&lt;!--[if gte mso 9]&gt;&lt;xml&gt;
   &lt;o:OfficeDocumentSettings&gt;
    &lt;o:AllowPNG/&gt;
   &lt;/o:OfficeDocumentSettings&gt;
  &lt;/xml&gt;&lt;![endif]--&gt;
  
  &lt;/HEAD&gt;
  &lt;BODY&gt;
          &lt;!--[if gte vml 1]&gt;
              &lt;v:shapetype id="_x0000_t75" coordsize="21600,21600"
               o:spt="75" o:preferrelative="t" path="m@4@5l@4@11@9@11@9@5xe" filled="f"
               stroked="f"&gt;
               &lt;v:stroke joinstyle="miter"/&gt;
               &lt;v:formulas&gt;
                &lt;v:f eqn="if lineDrawn pixelLineWidth 0"/&gt;
                &lt;v:f eqn="sum @0 1 0"/&gt;
                &lt;v:f eqn="sum 0 0 @1"/&gt;
                &lt;v:f eqn="prod @2 1 2"/&gt;
                &lt;v:f eqn="prod @3 21600 pixelWidth"/&gt;
                &lt;v:f eqn="prod @3 21600 pixelHeight"/&gt;
                &lt;v:f eqn="sum @0 0 1"/&gt;
                &lt;v:f eqn="prod @6 1 2"/&gt;
                &lt;v:f eqn="prod @7 21600 pixelWidth"/&gt;
                &lt;v:f eqn="sum @8 21600 0"/&gt;
                &lt;v:f eqn="prod @7 21600 pixelHeight"/&gt;
                &lt;v:f eqn="sum @10 21600 0"/&gt;
               &lt;/v:formulas&gt;
               &lt;v:path o:extrusionok="f" gradientshapeok="t" o:connecttype="rect"/&gt;
               &lt;o:lock v:ext="edit" aspectratio="t"/&gt;
              &lt;/v:shapetype&gt;
  
              &lt;v:shape id="_x0000_i1029" type="#_x0000_t75" style='width:134px; height:28px; max-width:134px;'&gt;&lt;v:imagedata src="Standard Signature_files/logo.png" o:title="logo" /&gt;&lt;/v:shape&gt;
          &lt;![endif]--&gt;
  
          &lt;![if !vml]&gt;&lt;img src='Standard Signature_files/logo.png' style='width:134px; height:28px; max-width:134px;' v:shapes='_x0000_i1029'&gt;&lt;![endif]&gt;      
  
  &lt;/BODY&gt;
  &lt;/HTML&gt;
  </code></pre>