Coding for DPI Scaling in Outlook 2007-2013

Does Outlook sometimes make your email look like it was put through a garbage compacter and then fed through a taffy machine? Fonts are huge, tables look tiny and images are all out of whack?

The culprit here is DPI scaling. Read on to find out how DPI scaling causes these problems, and how to fix them.

Important Email Image Checks – Will Your Design Explode in Outlook?

Email marketing teams large and small usually have a workflow that includes a robust pre-deployment checklist. It includes checks for content, design, functionality, subscriber lists, and much more. Image validation should be included in that list, as well. This means double-checking your HTML image parameters to make sure they’ll display properly on every client. For … Continue reading “Important Email Image Checks – Will Your Design Explode in Outlook?”

GIFs and Outlook: What Can We Do?

This post was updated on February 8, 2019 with information about GIF capabilities in Outlook. Read more. So, you want to use a GIF in your next email marketing campaign? Nice! GIFs are an easy way of adding something fun to your campaigns. You know your target audience, you have your email developed, and now you … Continue reading “GIFs and Outlook: What Can We Do?”

Making Custom Font Stacks Work in Outlook: Update

If you include a custom font at the top of your font stack, Outlook will
ignore all of your fallback fonts and instead display Times New Roman.

But fear not! As with most Outlook bugs, there are ways to get around

Using Ghost Columns to Fix Alignment Problems in Outlook

Are your columns not staying side-by-side in Outlook? We have the fix!

We can use the ‘hybrid’ part of fluid hybrid design to constrain these columns so they appear as intended.

Making Custom Font Stacks Work in Outlook

Outlook 2007, 2010 and 2013 have created limitless troubles for email developers. We have a whole whitepaper on how to address a lot of these troubles, including image gaps, image backgrounds and so on. But a bug I encountered recently—displaying custom fonts—had me pulling my hair out for a few hours, until I realized that I could game the system and make my fallback fonts function by using a LOT of font declarations.

125% DPI Outlook 2013 Previews Added

We just added a new feature to our testing suite. It’s not a new client, but rather a new take on an old client.

You can now test your email in Outlook 2013 at 125% DPI! DPI scaling is a way to make sure that things look good on a screen of any size.

17 Must-Know Tricks for Outlook 2007, 2010 and 2013

Designing for Outlook is like chasing the ever elusive White Whale. We spend hours pursuing it, tracking down bugs and glitches, trying to achieve pixel perfection in a distinctly imperfect environment.

Here are 17 tips to improve your outlook on Outlook.

Vector Markup Language and Backgrounds

Backgrounds might seem like they should be a simple effect to achieve in HTML email, but that’s not always the case. Outlook 2007, 2010 and even 2013 will give users who rely on the body’s background-image property a lot of trouble. Because of these problems many have turned to Vector Markup Language (VML), part of the Office Open XML standards.

Read more about it in this blog.

Outlook.com Margin-alizes CSS Properties

It’s always a challenge to create emails that will look good in every client, and it may have just gotten a little bit harder. Hotmail and Outlook.com no longer support the margin attribute. Read more about it here!