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.
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
- 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/
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.