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

How to craft the perfect re-engagement email: Topshop example

In an ideal world, everyone on your list would be eagerly awaiting your email. They…

Jenni Malley
June 1, 2017

How To Get Your Perfect Email Template

If you send email campaigns then you probably use a template. Not every email campaign…

Jenni Malley
May 12, 2017

Latest Tweets

Get in touch

Extravision
Tomorrow
MediaCity UK
M50 2AB
Find us on Google maps

Main: +44 (0) 161 817 2929
Support: +44 (0) 161 817 2930
Email: [email protected]

Social

Facebook IconTwitter IconVisit Our BlogVisit Our BlogVisit Our Blog