HTML Creative Optimization Tips

In the past we have written few blogs that gives tips on how to optimize your HTML creatives so they look the same in all email carriers and get delivered successfully each time. Today I would like to focus on few HTML coding and rendering issues that our clients have recently experienced.

The following issues can be avoided by following the few steps mentioned below:

• The usage of background images in email creatives is still popular, but it is often forgotten that background images are still not supported by Outlook. Try using images surrounded by background colors to achieve the same effect without losing your rendering ability across all ISP’s.

• Adding images and nested tables can cause gaps or breaks in the creative that are seen to the recipient as white space. One solution that has worked for us is using the style=”display:block” in the image source code to ensure that images and tables stay tight together.

• Want to avoid seeing a blue line around the images? Add border=”0” in the image source. Its that simple
• PNG images don’t render properly across all platforms. Make sure to convert to a commonly accepted format – .gif or .jpg.

• Last but not the least, be careful about the usage of fonts. The commonly used fonts like - Arial, Verdana, Georgia, Times New Roman, Tahoma, Trebuchet – are the only ones that are supported by all ISP’s. If you can’t have a fancy font, simply find another way to make your email pop.

I hope the suggestions I have made above will help you in your email optimization endeavors. If you need further assistance feel free to contact us and make us a part of your email marketing team!

Author: Roopal Rawani
Editor: Caitlin Durand