Fri, 2015-11-27 18:13
I want to create an email to be sent through Outlook with a responsive image. The email is only going to about 20 people who will be mostly using outlook also. Is there a particular trick in making an image responsive in outlook?
Here's what I have, works great in the browser but the Outlook rendering engine doesn't shrink the image.
<html> <head> <title>Email</title> </head> <body style='background-color: red; margin: 0; padding: 0'> <table width='100%' bgcolor="red" cellspacing='0' cellpadding='0'> <tr> <td align="center"> <table width='80%' bgcolor="#ffffff" cellspacing='10' cellpadding='0'> <tr> <td align="center"> <table width='100%' cellspacing='0' cellpadding='0'> <tr> <td width='70%' style='font-family: arial; color: red; font-size: 10px'>Quick email test</td> <td align="right"><a href='#' style='font-family: arial; color: red; font-size: 10px'>View this email in your browser</a></td> </tr> </table> <br /> <img src='image.jpg' alt='' style='width:100%' /> <br /><br /> <table width='100%' cellspacing='0' cellpadding='0'> <tr> <td width='70%' valign='top' style='font-family: arial; color: blue; font-size: 18px'>Little message</td> <td align="right"><img src='logo.png' alt='' /></td> </tr> </table> </td> </tr> </table> </td> </tr> </table> </body> </html>