How to add retina image to responsive email <p>Logo image is doubled and reduced to smaller size with set pixel width and height. I want the image cleaner and not blurry. Logo still is original size in outlook.</p> <p>Do I need to wrap this in it's own table to a set pixel width? Do I need to set a certain class to it? How can I clean up this code to work more efficiently?</p> <pre><code>&lt;td bgcolor="#FFFFFF" width="150" align="center" target="_blank"&gt;&lt;a href="http://www...."&gt;&lt;img src="http://..t_lgo-300.jpg" width="150px" height="89px" alt="" style="display: block; border: 0; font-family: 'Open Sans', Arial, sans-serif; color: #86898B; font-style: normal; font-size: 18px; line-height:10px; width: 150px; height: 89px;"&gt;&lt;/a&gt;&lt;/td&gt; </code></pre> <p>styles - the logo does not have a class....</p> <pre><code>td[class="logo"] img{ margin:0 auto!important; } img[class="img-max"]{ max-width: 100% !important; width: 100% !important; height:auto !important; } </code></pre>