Using Images in Email

Posted on February 21st, 2008
By Todd Zeigler in Design, Email, Marketing, Tips

We’ve written a bit here about how some of the Presidential campaigns this cycle have embraced stripped down emails that don’t include a lot of images or fancy formatting. In that previous post, the focus was on how this format can make emails seem more personal, and not on the technical reasons to avoid using a lot of images. Josh Levy’s post yesterday about John McCain’s email mistakes inspired me to look at the issue from a more technical perspective.

The most compelling reason to limit the use of images in HTML emails is that tons of people are never going to see them. Some people actively turn off images. Others don’t see them because their email programs turn them off by default (Campaign Monitor has a great chart showing a breakdown). Some people work at companies that block images in emails to save bandwidth/stop porn. And yet more people are accessing email on cell phones that can’t read images. I have yet to see a percentage I trust completely, but it is estimated that somewhere between 25 and 50 percent of email users block at least some images in HTML emails. That is a lot.

Speaking anecdotally, I’m a lot less likely to see images in email than I did a year ago. At work we upgraded recently to Outlook 2007 which has images blocked by default. I never changed the setting and now follow the process of opting in to see images based on whether I trust the sender. I use Gmail for my personal email and follow the same procedure. (You really should check out that chart breaking down default settings for major email clients.)

So what to do. Stop using images altogether? Use them sparingly? Although a bit old, the useful Campaign Monitor blog provides a great guide to email design. Here are their six tips on how to send emails that actually gets to the recipient in a readable format:

  1. Never use images for important content like headlines, links and any calls to action.
  2. Use alt text for all images for a better experience in Gmail and always add the height and width to the image to ensure that the blank placeholder image doesn’t throw your design out.
  3. Add a text-based link to a web version of your design at the top of your email.
  4. Ensure your most compelling content is at the top (and preferably to the left).
  5. Test your design in a preview pane, full screen and with images turned on and off before you send it.
  6. Ask your subscriber to add your From address to their address book at every opportunity.

Anyone that has sent bulk emails out knows that it is a really stressful thing. Even if you do your job perfectly (no typos, valid web links, good HTML, etc.), your email is going to be garbled for at least a small percentage of people who have weird settings or are using funky email clients (Hello Lotus Notes). And those small percentage of people will inevitably complain to your boss’ best friend from high school and you’ll hear about it.

Given the high probability for mistakes, email is really a format where you need to keep things simple. If you have to use images, design the email so that it will degrade gracefully if images are turned off. The emails we design that use images typically look like an online version of letter head, with a single header image. If you keep it simple, you’ll get yelled out less for supposed mistakes and your click through rates will increase since more people will be able to actually see the content of your message.

Note: I just saw this post from Michael Whitney at Tech President that looks at the use of email by Presidential candidates and expands on Campaign Monitor’s tips. Great minds. Give it a read, as it goes into things in a bit more depth than my post.

| Trackback URL |

Trackbacks/Pings

  1. What are the best days and times to send bulk email? » The Bivings Report
  2. e.politics: online advocacy tools & tactics » Quick Hits — February 25, 2008

Comments

  1. David All

    Great post and good points.

    I used to loathe images in emails. I would only send plain-text emails when I needed to get something out because I was more concerned about the message than the analytics (opens, click-throughs, etc.).

    However, I’ve found in my experience, using some tasteful images (e.g., a click to donate button in the right-hand side or a cap of a YouTube video) can increase clicks by 3-5% per message.

    Now, that’s not to say that if you simply used the link to YouTube that it wouldn’t get the same amount of clicks but you get the point.

    Plus, I’ve learned so, so, so much from seeing what has worked and what hasn’t so the trade off has been well worth it.

    One point to note is that some emails I simply never open the images because I simply don’t care about who is sending the emails. I doubt it would matter if they were sending plain-text.

    Best,

    David All

  2. Todd Zeigler

    David,

    Thanks for the comment. I’m not opposed to buttons and things so long as there are also text links to perform the action. For the people who see the images they probably help. I think the key is to only use images when they actually serve a purpose (to increase clicks). Never use just to make your email look pretty or for window dressing.

    Todd

  3. Tar Beaty

    I can’t figure out to link an image I have inserted into an email. The link is a DONATE button link. I created the image in Fireworks and created a hotspot with the url address. However when I call it into the body of the email, it does not click to the url designation.

    What am I doing wrong?
    Thanks, Tar

about this blog

The Bivings Report (TBR) is a source of news, insight, research and analysis on the web-based communications industry. TBR content is posted, created and managed by internet strategists, media/communications analysts, web developers, designers and programmers, all of whom are employees of The Bivings Group.

Search Site

Archives

2008
Jan Feb Mar Apr May Jun
Jul Aug Sep Oct Nov Dec
2007
Jan Feb Mar Apr May Jun
Jul Aug Sep Oct Nov Dec
2006
Jan Feb Mar Apr May Jun
Jul Aug Sep Oct Nov Dec
2005
Jan Feb Apr May Jun Jul
Aug Sep Nov Dec    
2004
Jan Feb Mar Apr May Jun
Jul Aug Sep Nov Dec  
2003
Jan Feb Mar Apr May Jun
Jul Aug Sep Oct Nov Dec
2002
Jan Feb Mar Apr May Jun
Jul Aug Sep Oct Nov Dec
2001
          Dec

RSS feed RSS feed
RSS feed Facebook
RSS feed Follow on Twitter

Email Subscription


Delivered by FeedBurner

Collaborate

Send Tips Send Tips
Wiki Wiki

Authors

Tags

Most Popular Posts

Blogroll