Skip to content

Instantly share code, notes, and snippets.

@jamesmacwhite

jamesmacwhite/outlook-image-test.html

Last active August 29, 2015 14:09
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 jamesmacwhite/2beb0591b53bd6dc3c69 to your computer and use it in GitHub Desktop.
Save jamesmacwhite/2beb0591b53bd6dc3c69 to your computer and use it in GitHub Desktop.
Download ZIP
Outlook image resize test
Raw
outlook-image-test.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width" />
<title>Outlook Image Test</title>
<style type="text/css">
#outlook a { padding:0; }
body { width:100% !important; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; margin:0; padding:0; }
.ReadMsgBody { width:100%; }
.ExternalClass { width:100%; }
.ExternalClass, .ExternalClass p, .ExternalClass span, .ExternalClass font, .ExternalClass td, .ExternalClass div { line-height:100%; }
#wrappertable { margin:0; padding:0; width:100% !important; line-height:100% !important; }
a, a:link { color:#e6057f; text-decoration:underline; }
img { border:none; outline:none; text-decoration:none; -ms-interpolation-mode:bicubic; }
.img-fix { display:block; }
table { border-collapse:collapse; mso-table-lspace:0pt; mso-table-rspace:0pt; }
table td { border-collapse:collapse; }
</style>
<!--[if gte mso 9]>
<xml>
<o:OfficeDocumentSettings>
<o:AllowPNG/>
<o:PixelsPerInch>96</o:PixelsPerInch>
</o:OfficeDocumentSettings>
</xml>
<![endif]-->
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="wrappertable" style="table-layout:fixed;">
<tr>
<td align="center" valign="top" id="wrappercell">
<table border="0" cellpadding="0" cellspacing="0" width="600" id="containertable" align="center" style="width:600px;">
<tr>
<td align="left" valign="top" id="containercell">
<table border="0" cellpadding="0" cellspacing="0" width="100%" id="gmailapp-android-fix" style="mso-hide:all;">
<tr>
<td align="left" valign="top" height="1" style="line-height:1px; height:1px;">
<img src="http://app.clickdimensions.com/blob/centralnottinghamacuk-ao5ju/images/email-templates/600x1-spacer.gif" alt="" style="display:block; min-width:600px;" width="600" height="1" />
</td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="left" valign="top"><img src="http://i57.tinypic.com/2w57z3s.jpg" alt="300x300 placeholder" style="display:block;" width="300" height="300" /></td>
</tr>
<tr>
<td align="left" valign="top"><img src="http://i57.tinypic.com/2w57z3s.jpg" alt="300x300 placeholder" /></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment