Image resolution

Hi,

Due to the rising popularity of retina and other high-definition devices, the resolution of pictures in e-mail campaigns should be higher than before. I have been struggling with this issue for many days already, but I have not been able to find a proper solution. The main problem here is Outlook; namely the versions 2007, 2010 and 2013. One of the things I tried was inserting an image and trying to rescale the image by height and width tags. I've also tried using width and height table properties. It looks very good on most email clients, except Outlook. I have read much about the problems Outlook is causing, but I just keep hoping there is a solution to this problem. Is there anyone who can help me out? Below two screenshots (the first one is Outlook 2000, the second one Outlook 2013). I have also added the code.

<br />
<table style="display: inline-block; border: 0px solid; float: left; ">
    <tbody>
        <tr>
            <td>
                <a href="link-here" target="_blank" title="Geneva Group International"><img border="0" height="150px" src="source here" width="236px" /></a></td>
        </tr>
    </tbody>
</table>
<table cellpadding="0" cellspacing="1" style="display: inline-block; border: 0px solid; float: right;">
    <tbody>
        <tr>
            <td>
                <a href="link here" target="_blank" title="tax + expat"><img alt="" border="0" height="22" src="source here" width="248" /></a></td>
        </tr>
        <tr>
            <td>
                <a href="link here" target="_blank" title="legal"><img alt="" border="0" height="22" src="source here" width="248" /></a></td>
        </tr>
        <tr>
            <td>
                <a href="link here" target="_blank" title="payroll"><img alt="" border="0" height="22" src="source here" width="248" /></a></td>
        </tr>
        <tr>
            <td>
                <a href="link here" target="_blank" title="immigration + relocation"><img alt="" border="0" height="22" src="source here" width="248" /></a></td>
        </tr>
        <tr>
            <td>
                <a href="link here" target="_blank" title="pension + insurance"><img alt="" border="0" height="22" src="source here" width="248" /></a></td>
        </tr>
        <tr>
            <td>
                <a href="link here" target="_blank" title="human resources"><img alt="" border="0" height="22" src="source here" width="248" /></a></td>
        </tr>
        <tr>
            <td>
                <a href="link here" target="_blank" title="vat + customs"><img alt="" border="0" height="22" src="source here" width="248" /></a></td>
        </tr>
    </tbody>
</table>

http://oi44.tinypic.com/2ntaicm.jpg
http://oi44.tinypic.com/zaj4h.jpg

Thanks in advance.

Redferret, 3 years ago

Hi Kevin, don't worry, Outlook 07+ may seem scary but you just need to know it's quirks, in one of your images you've got width="236px"  and height="150px". unlike CSS you don't need to put px in the HTML attributes, amend this and it should work fine.


Gmail app apologist
kevin2013, 3 years ago

Thank you very much! It is working indeed. I have been looking for this for a long time!

Join 200,000 companies around the world that use Campaign Monitor to run email marketing campaigns that deliver results for their business.

Get started for free
1-888-533-8098