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

Line height issues in Outlook

Line height is not always consistent when viewing emails in Outlook. This is especially true…

Andrew Chau
March 1, 2017

Are you making the most of your ESP?

If you use an Email Service Provider, you now get some pretty powerful technology alongside…

Jenni Malley
February 10, 2017

Latest Tweets

Facebook IconTwitter IconVisit Our BlogVisit Our BlogVisit Our Blog