I'm helping a friend with an email marketing piece. I am composing the piece in InDesign and would like to attach it as an inline graphic in an email, so the recipient doesn't have to double click to open a file - it just shows up in their email browser app. What's the best way to compose and attach an HTML file so it appears consistently on different email browsers and on different platforms?

It's for a friends' freelance photography business. A similar example is attached.

  • Not an answer, so just doing it as a comment: Once you think you have it, you can test it using Litmus (http://litmusapp.com/email-testing). (And yes, I'm aware Litmus run DocType; I'd've made the same comment over on StackOverflow before DocType came about, though, not shilling or what-have-you.) T.J. Crowder over 8 years ago

2 answers

o.k.w 2355

The example page looks pretty straightforward and nothing fancy, something similar should be quite safe across various email clients/browsers.

Do note the followings:

  • use inline styles or attributes as much as possible and avoid stylesheets
  • avoid background images for all elements
  • no javascript of course
  • use alternate text for important images and set their sizes
  • avoid (unless absolute necessary) black/dark color background with white/light-colored text

For comparison of email clients CSS support, refer to http://www.campaignmonitor.com/css/

Answered over 8 years ago by o.k.w

Once you've completed developing your HTML formatted emails, test them on litmusapp.com.

You can create a free account in which to test your HTML rendering on almost all popular platforms, desktop email clients and webmail interfaces.

Answered over 8 years ago by Gary Hepting