Extravision Blogsblog

Recent Posts

Categories

Posts

How to stop Outlook cropping a pixel from your images

October 21, 2014

It’s in my best interest to make everything pixel perfect because every pixel can make a difference. I recently tested an email where everything seemed spotless until I did some further testing on Outlook 2007/10/13.

It appeared that a pixel was cropped off the top of every image within the email. In hindsight, no one can truly spot such a tiny flaw or bother too much about it unless it clearly affected the design and in this case, it did. Fortunately enough, there were lines or article separators with a height of 1 pixel in the email so it was easy to spot!

Example from Outlook 2013 (same issue occurs in outlook 07 and 10).

Whereas it should look like this:

Here’s the fix, simply add the following code to the <head></head> tags of your HTML

<!--[if gte mso 15]>

<style type="text/css" media="all">

tr {mso-margin-top-alt:1px; }

</style>

<![endif]-->

<!--[if gte mso 11]>

<style type="text/css" media="all">

tr {mso-margin-top-alt:1px; }

</style>

<![endif]-->

Posted by Andrew Chau
Email Design, Tip of the month


No comments

Comments are closed.

From the Blog

Data Protection, E-Privacy, GDPR. What does it all mean ?

Most people have heard of the Data Protection Act and if your in email marketing…

Simon Hill
December 5, 2016

5 things you should stop doing right now in your email marketing

It’s easy to get stuck in a rut with your email marketing campaigns. You can…

Jenni Malley
October 26, 2016

Latest Tweets

Facebook IconTwitter IconVisit Our BlogVisit Our BlogVisit Our Blog