Images in Email and E-Newsletters: Dos and Don’ts
I always advise nonprofits to include photos in their print newsletters. But what about images in e-newsletters? The answer is not as clear-cut and here’s why: a large portion of your online readers probably won’t see the images automatically. Worse yet, if you don’t watch your design carefully, these readers may see only a big empty box leading them to quickly delete your email without a second thought. You can learn more about why this is the case at Campaign Monitor and EmailExperience.org.
Given this reality, I say you should play it safe with your email campaigns and e-newsletters and assume that some portion of readers won’t see your images. That doesn’t mean you shouldn’t include images; it means you should do so carefully. Here are a few guidelines you should follow.
1. Use small images. You don’t want to fill up the viewing pane with an image. Try to keep images under 200 pixels wide. If you use a banner image across the top as a nameplate, keep the height small (under 75 pixels). This will leave you room for your text to appear in the viewing pane.
2. Include great copy as close to the top as possible. Put some extra effort into the text that appears at the top of the message or newsletter. You need to grab your reader with those few words they will see in the preview pane if you are losing some of that space to a blocked image.
3. Always use the ALT tag. When you insert an image in HTML, you have the option of attaching words to that image with an ALT tag. Though it’s not a 100% solution, most readers will see this text even if the image is blocked. (More tips on writing good ALT text tomorrow).
4. Include captions. To keep a caption with your image in an HTML email, create a small table with one column that is the same width as your image and two rows. Put the image in the top row and put the caption in the bottom row. Insert the whole table (image and caption) into your email wherever you want it to appear.
5. Never send image-only messages. I’ve seen event invitations sent via email that are nothing but one solid image. With images off, I see nothing but a big empty box. Bad idea. Never use this approach. Always include text in your emails.
[...] ALT tags are the bits of text that you can attach to images on webpages and in email messages and e-newsletters. As I explained yesterday, using the ALT tag is essential when including images in email campaigns and e-newsletters, because if the people reading your email have image blocking turned on, they won’t see the image, but they will likely see the ALT text. ALT tags are also needed by visually impaired people who rely on screen readers. [...]
[...] Images near the top of your newsletter can not only hog that important space, but also waste it entirely if images are turned off in the email program. For example, if you want to use an image as your newsletter header, keep it “short” — say under 100 pixels high — so that it doesn’t fill up the whole preview pane. Be sure that you have plenty of compelling text near the top of the newsletter so that even if images are turned off, the reader still sees some interesting text. Also be sure to include ALT tags with all images. See Images in Email and Email Newsletters: Dos and Don’ts and Writing Great ALT Tags for Your E-Newsletters on my blog. [...]