Create a free account

Blog

News, tips and all things Campaign Monitor

Do image maps work in HTML email?

Posted by Mark Wyner on November 14, 2007

Given current conditions in which images are very often blocked in email messages, image maps seem to be an odd technique to pursue. Because when your source image is blocked, your links are no longer functional. That’s a fundamental accessibility issue. However, the Campaign Monitor team receives frequent inquires about image maps so we decided to test them out for people who are curious. Then you, the web designer, can decide how brave you are when you unleash them into the wild.

The Results

Remarkably, email clients offered good support for image maps. And most surprising is that many clients retain functionality of the links even with images off. Following is a table which exhibits how popular email clients handled the image maps.

Image Map Support in Email Clients
Client Functions With Images On Functions With Images Off
.Mac Yes Yes
Yahoo! Mail Yes No
Yahoo! Mail Classic Yes No
AOL Webmail Yes Yes
Gmail No No
Windows Live Hotmail Yes No
Apple Mail Yes Yes
Thunderbird Yes Yes
Penelope (Eudora 8) Yes Yes
Outlook 2007 Yes Yes
Outlook 2003 Yes Yes
Outlook Express Yes Yes
Windows Live Mail Yes Yes
Lotus Notes 8 Yes Yes
Entourage Yes No

The Recommendation

The results indicate that it’s not a good idea to use image maps. Specifically because of the following issues:

  • The frequency in which images are disabled
  • Image maps and their respective images don’t marry well and therefore pose accessibility issues for those visually impaired
  • Gmail—a very popular email client—doesn’t support them consistently (they do not work when using Safari)

And with that you have the knowledge you need to discourage use of image maps.

16 comments so far

Nick Dunn

wrote on November 15, 2007 3:26 AM

Windows Live Mail is in there twice with different results -- which one is true?

Kelly

wrote on November 15, 2007 4:21 AM

I don't know about Campaign Monitor, but every other email service provider I've used does not allow you to track links in image maps, which can create problems for measuring your success.

DD

wrote on November 15, 2007 6:50 AM

Can you elaborate on image maps not working in GMail? I send out HTML emails every week that use image maps, test them in my GMail account, and have never had a problem with them not working. Do they not function under specific conditions perhaps?

Mark Wyner

wrote on November 15, 2007 9:44 AM

@Nick Dunn:

Very sorry, Nick et al. One of those items was supposed to be Windows Live Hotmail. With all the name changes, I became a little dizzy. The table has been updated to reflect both Windows Live Hotmail and Windows Live Mail.

@ Kelly:

Good question. As it turns out Campaign Monitor does indeed track image-map links.

@DD:

I probably should have clarified that Gmail support is inconsistent, not altogether absent (I have updated the post). Image maps in Gmail function in all browsers except Safari. And because Safari is a common web browser, the results are inconsistent and thus unstable.

It's very odd that a browser should have an impact on the presentation of an HTML email in a webmail client (other than general browser inconsistencies), but in this case it does. So we consider it to be a Gmail flaw in communicating with Safari, because Safari does indeed support image maps.

The important thing to consider, though, is not which email clients support image maps. Rather, their use should be carefully considered because of the frequency of disabled images and also the accessibility issues for those using assistive devices.

DD

wrote on November 16, 2007 10:26 AM

Thanks for the additional information Mark and for the clarification on the GMail image maps issue. Very useful to know!

Kim Flournoy

wrote on December 1, 2007 7:23 AM

Thanks - this answered my question exactly. Guess I'll need to slice up my images after all...

KC

wrote on December 7, 2007 7:37 AM

I have noticed that if an email is forwarded to someone else, a lot of email clients will drop the image map as well. Another reason to avoid image maps.

RB

wrote on December 7, 2007 8:57 AM

Not everyone here knows exactly what you mean when you say Image Maps. Please define.

Ryan in Noo Zeelund

wrote on December 7, 2007 9:26 AM

I've recently experienced image map inconsistencies in Gmail between Firefox and IE7 in a mate's email.

2 maps, both worked in IE7 but one map broke in Firefox... needless to say I'll be sending my mate a link to this page to help build an argument against maps!

Wendy

wrote on January 26, 2008 8:34 AM

Have you encountered any problems with Outlook Web Access? I have an email with an image map and it works everywhere except when users check their email through Outlook Web Access.

Stephen Bair

wrote on January 31, 2008 5:18 AM

//Windows Live Mail is in there twice with different results -- which one is true?

One is for Live Mail the other is for Hotmail they're both on the Windows Live platform, but different servers and such. Hence the difference.

Geoffrey R

wrote on February 27, 2008 11:38 PM

Just wondering, are you going to revisit this test any time soon? Only I just tested one of my emails (with an imagemap) in Gmail/Safari, and it seems to work fine. They might have fixed it in the meantime.

Dave Greiner

wrote on February 29, 2008 3:10 PM

Cheers Geoffrey, we'll look at running a new test some time soon and updating our findings.

Eric Mehlenbeck

wrote on April 10, 2008 3:53 AM

Has anyone seen that once in mousedown state a border appears around the map in MS Entourage? Anyone figure out a workaround for this?

Cheers,

Eric

AS

wrote on April 25, 2008 1:41 AM

Has anyone had issues with "mailto" links not working in an image map? The link do not seem to be recognized in Hotmail, Gmail and Outlook '03. To my surprise they seem to work in Outlook '07.

David Levin

wrote on April 25, 2008 9:01 AM

One thing to keep in mind when using image maps in an email is to make sure to take advantage of the ALT tag to give a description of where the user will go. If the user has images turned off, many email clients will still show the alt tags so he/she can still get an idea of the purpose of the graphic and where each link should take them.

Its a bummer about safari and gmail. Has anyone tried using Safari for the PC with Gmail? I wonder if this issue still remains.

Got anything to add?

Name

Web site

Your comments (basic HTML is fine)

Search all posts

Dig into a category

Stay in the loop

Subscribe to our RSS feed

Prefer updates via email? Sign up below and we'll send you all the good bits each month.

Popular articles

Why we need standards support in email
Read why standards in HTML email are so important, and what we're doing about it.

Email design guidelines
Learn how to design for images being turned off, preview panes and other useful tips.

CSS support in email in 2007
The CSS support of every popular email environment with recommendations to boot.

Image blocking in email
A roundup of how each of the popular email clients suppress images in HTML email.

Can I use flash in email?
We test flash support in all the popular email clients. The verdict - don't do it.

Email design gallery

Our email design gallery showcases more than 150 amazing email designs sent by our talented customers.