How to Create an Image Map

If you want to build a website, then you are going to want clickable hyperlinks that connect your visitors to other pages on your site and to other sites you want to provide links to. You could use an expensive html editing program to help you do this, but you can also go online and convert your images to image maps (images with hyperlinks added to them) for free.

Difficulty: Easy

Instructions

1. Save an image you want to create an image map for to your hard drive.

2. Go to the Mobilefish.com site (see References below). In "HTML image map creator" click on "Browse" to go to the image on your hard drive and select it (it has to be less than 100kb in size). Enter the automatic code you see. Then click "Upload Image."

3. Select the shape of the first hyperlink you want to draw on the image from the options offered. Draw the shape onto the image. Then enter the URL address you want it to link to, as well as the name for that section. Click "Save Region." Then add more hyperlinks in the same way. When you have created all the hyperlinks for your image map, click "Create HTML Map." Then download the zip file you are presented with that contains your image map, as well as an attached HTML page.

References

• Mobilefish Image Map Creator