Outlook 2007 & 2010 bug: Embedded images being cropped
I’ve just been creating the HTML for an Email to be sent out on behalf of a client and have found what appears to be a bug in Outlook 2007 & 2010 (which use the MS Word rendering engine) when using tall images in HTML Emails.
My HTML Email was created from a JPEG designed by a design agency which I simply sliced up in Photoshop to allow me to use one image as a hyperlink (we have to do this nowadays since Outlook 2007 and 2010 don’t support background images). Photoshop created 6 slices, the top 3 were 2056 pixels tall. I used the traditional, nasty table-based HTML for the Email as it tends to be more reliable on various Email clients which our Clients demand.
I found that Outlook 2007 and 2010 effectively cropped the top 3 images, cutting off the top 450 pixels or so…how odd!
I am wondering if the problem is absolute height (i.e. a lot of pixels) or aspect ratio. I will do some tests to find out when time permits.
There were 2 solutions I found:
Use divs to format the HTML instead of tables but as I said previously, this is much more difficult to make reliable across various Email clients.
Slice the images up into shorter dimensions, I ended up slicing the images to around 500px tall which seems to work absolutely fine.
I’d be very interested to hear if anyone else has experienced the same issue.
Hope that saves you some time…it took me about an hour of bug-chasing!
|This entry was posted by Neil Craig on July 2, 2010 at 11:13 am, and is filed under General Web-Development, html emails. Follow any responses to this post through RSS 2.0. You can leave a response or trackback from your own site.|
about 1 year ago - No comments
This is a really quick post as i’ve been coding for a few hours and need to call it a day… So i was working on my new website which uses a lot of HTML5, CSS3 etc. and shows Youtube videos, so naturally I wanted to use the Youtube HTML5 embed method (which i still More >
about 2 years ago - 2 comments
As every web-developer knows, testing your Web pages on the myriad of popular Web browsers can often be a horrible experience…and if there’s one thing which is even worse than testing web pages in different browsers, it surely has to be testing HTML Email layout in multiple Email clients!
about 3 years ago - 5 comments
A brief article describing how I set up Qmail (on Debian Etch) running virtual domains to forward Email to another Email server using a simple addition to a Qmail config file.
about 3 years ago - 1 comment
about 3 years ago - 2 comments
HTML 5 offers 13 new form input element types but Browser support for these new input types is very scant at present. However, with JSH5F, you can use the new HTML 5 form elements right now in supporting Browsers without causing problems for people using non-supporting browsers.
about 3 years ago - No comments
This is my personal collection of FireFox extensions that I just can’t live without whilst developing websites.