Re: Marketo Removing Code for Image Scaling for Outlook at 125%dpi

Dan_Stevens_ · ‎09-24-2015

We don't use background images - and therefore, our issue has nothing to do with responsive background images. This has to do with the overall layout that's being wrangled (for those viewing at 125% and 150%) - see my screenshots above - due the required code that Marketo is stripping out in the initial <HTML> tag. I will post our HTML here shortly so you can see what I'm talking about. It's actually a very simple layout: top header banner, with main column/right column below the header, and a footer area.

Anonymous · ‎09-24-2015

Okay, I see what your trying to do. The resolve for this isn't in the code. You need to go to your visual editor( I use Photoshop) and make changes to the actual image.

You need to render the image at 96dpi. I can walk you through the photoshop way of doing it if you would like.

*Once you change the dpi from 72 to 96 your image will scale up, but you can do a simple image resize to get back to the original image dimensions.

**Let me know if it works. I have really only see the issue occur when using background images but if they are the same issue this should resolve it.

Dan_Stevens_ · ‎09-24-2015

We've already tried that, Jonathan - that's not the solution. The solution is what's included in this thread (and a few others) - which specifically requires Marketo to unluck the head area of the template so that the appropriate code can be inserted. The solution is well-documented here and here.

Anonymous · ‎09-24-2015

Copy...

Anonymous · ‎09-24-2015

l don't believe I suffered the same issue. But I did use both these articles to come up with the resolve to my issue in the past.

Dan_Stevens_ · ‎09-24-2015

Here's some sample code of a basic responsive template for you to see (and test, if you desire): 600px Email layout 2Col. There are only two main images: our logo and the header banner (and the social icons in the footer). Here's how it should render:

Anonymous · ‎10-01-2015

Sorry I haven't been on in a few days.

Can you state your issue again, the image renders at 125%? or it doesn't respond?

**Also please note: width="600px" will not work 100% because of the measurement of px. Drop px, width="600" is the proper way to structure the table width attribute.

Dan_Stevens_ · ‎10-01-2015

Defining units as pixels will work just fine (just not here because of the code that's being stripped by Marketo). Here's more info on this issue - along with the solution (https://www.emailonacid.com/blog/article/email-development/dpi_scaling_in_outlook_2007-2013/ ). I also describe the issue in great detail above.

It all boils down to these three basic principles in order to ensure responsive templates render in Outlook when the user's Windows scaling is set to 125% or 150%:

1) Use inline styles and px units on tables. (supported in Marketo)

2) Use this tag to make VML scale. (not supported in Marketo)

xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"

3) Use MSO-xxx for cellspacing and cellpadding (supported in Marketo)

This issue has been discussed as much as it can, here on the community. Now, we all just need to wait for the Marketo engineers to dedicate the time needed to finally fix it.

Anonymous · ‎10-07-2015

Tables in HTML documents

Calculating the width of columns - section title

Anonymous · ‎09-30-2015

Eagerly awaiting this fix.