Embed hyperlinks into a picture in an email

TheGreatEye OfSauron
TheGreatEye OfSauron used Ask the Experts™
How to embed hyperlinks into specific areas onto an email blast (picture) in an email? Can I use some software to do that? My manager wants to something like the picture below:

Please tell me the easiest way to do this and/or what software I can use to accomplish this.

Thank you for your help!!

*I did try this once before*
But I could only cut the picture into horizontal pieces, and hyperlink that way. How companies do it, like the one below?
Watch Question

Do more with

Expert Office
EXPERT OFFICE® is a registered trademark of EXPERTS EXCHANGE®
HainKurtSr. System Analyst
use something liek this

for more info: http://www.javascriptkit.com/howto/imagemap.shtml
<map name="email">
<area shape="rect" coords="100,100,200,200" href="http://hainkurt.com">
<area shape="circle" coords="300,300,100" href="http://google.ca">
<img src="http://www.experts-exchange.com/images/t321884/Noname.bmp" USEMAP="#email">

Open in new window

Thanks for the quick reply, I will have to try it out.
You need to use an HTML image map, which allows you to separate different parts of an image into MANY different clickable links.  Just google for "HTML image map" and you will get more than enough instruction.

What you need to be aware of is that MANY if not MOST people on the internet have images blocked from email addresses that they have not listed as "SAFE" in their email program, as I do.  Only if I know the site, do I allow images to appear in the email.  If not, I NEVER SEE the image, so I could not click on its parts.

Your manager may "WANT" everyone in the world to see his images, but this is NOT reality.  People have a right to privacy, and one of the greatest limits is to BLOCK emails that they don't want to see graphics from.  You NEED to face this reality with your manager, and suggest an alternate strategy than email image maps.
That wont be an issue here, as our customers have already "whitelisted" us. Since they are getting bonuses from us, they are more than happy to get our email blasts.

Speaking of that, any recommendations for an HTML image map?

www.htmlcodetutorial.com › Images

Those will get you proficient at it.  The last link is an online make as you go.
Perfect. I didnt want to code anything if possible. That last link looks like exactly what I wanted!


Thank you Scrathcyboy,

Do more with

Expert Office
Submit tech questions to Ask the Experts™ at any time to receive solutions, advice, and new ideas from leading industry professionals.

Start 7-Day Free Trial