Skip to content

Instantly share code, notes, and snippets.

@sbddesign

sbddesign/outlook-high-dpi-fix.html

Last active October 18, 2018 17:35
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save sbddesign/78059f2e242e0214648b4e748446bc5a to your computer and use it in GitHub Desktop.
Save sbddesign/78059f2e242e0214648b4e748446bc5a to your computer and use it in GitHub Desktop.
Download ZIP
Fixes problems with image size and layout for HTML emails viewed in Outlook in 120dpi
Raw
outlook-high-dpi-fix.html
<!-- Thanks to Courtney Fantinato: http://www.courtneyfantinato.com/correcting-outlook-dpi-scaling-issues/ -->
<!-- Use HTML tag with an XML namespace for the Microsoft Office engine -->
<html lang="en" xmlns="http://www.w3.org/1999/xhtml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<!-- Typical head content here -->
<!-- Scales images appropriately for High DPI in Outlook -->
<!--[if gte mso 9]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
</head>
</html>
<!-- Define <img> heights and widths with CSS, in addition to or in place of with HTML attributes -->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment