How to Design for Blocked Images
Question: What's the best way to design an email message to allow for image blocking, but still end up with an attractive message that doesn't look amateurish or spammy?


Answer: It's hard to give up the dream of email marketing campaigns that look as realistic as your print ads, but it's more important that the reader get the gist of your message, even if it gets conveyed in text.

However, that doesn't mean you have to resort to 1990s-looking plain-text messages. You want your image to "degrade gracefully," so that one message can serve both image-viewers and image-blockers with style and impact.

1. Start your email design with the full image. After all, on average about a third of your readers will download images on receipt, so you want to give them something to look at.

2. Now, slice the message into pieces. Move images to the background. Then, format the text to display as HTML and move it to the foreground, so that it will display even when images are blocked.

3. You can describe blocked images with alt text. In most email clients, the text shows when the image is blocked and disappears when the image downloads – but use it sparingly. Too much alt text looks cluttered and diminishes the overall impact.

Remember that images should always support copy, rather than replace it.

For more email design tips read:


###

Related Resources:
 

Lyris HQ Client Login

Flash Player Required

Lyris HQ requires the most recent version of the Adobe Flash Player, a free browser plug-in.

Get Adobe Flash Player.

Get Adobe Flash Player

Integrated Email Marketing Solution - Lyris HQ
Maximize ROI from your spend. Lyris HQ brings together email marketing, deliverability tools, content creation, Web analytics, search, social and mobile marketing. Execute campaigns and review ROI performance from one integrated solution. That's the unbeatable power of Lyris HQ.

Salesforce Integration