This is a quick tutorial on how to make an image map using GIMP. GIMP is a free image editing program that looks and feels like many of the higher end programs available commercially. I would estimate the learning curve to be of moderate difficulty, varying upon your familiarity with other types of similar software. While this is a rather simple task, I should note that there are more powerful programs that can do this in fewer steps, but you simply cannot beat the cost of GIMP (free).

Step 1: Step 1: Choose an Image

It would be exceedingly hard to create an image map without, you know, an image. So the first thing you have to do is source one from teh interwebz, or create one (using GIMP, obvs) from scratch. Since editing and creating images should probably be it's own tutorial, we'll just assume you already have an image to use and go from there (but if you don't, and you have access to something like Visio it's simple to make an image similar to what I'll be using).
<p>Here is the link of best solution<br>http://365daysmasti.blogspot.com/2016/05/html-map-creator.html</p>
<p>I'm on a Mac and managed to get all the way through this process until the last step, which has me stymied. I uploaded the jpeg on which the image map is based to a page on my website. Then I got the image's URL and pasted it into the image source between the &quot; &quot; marks. However, the image will not display. Instead, I get a box with a question mark. Even though clicking on the question mark will take me to my web page, the image itself will not display. Help!</p>
I am in awe of your GIMPiness.
I think I need to host the image somewhere else in order to make it work properly.
GAH! Need to work on how the image blows up and screws with the map! Update coming, I promise!

About This Instructable




Bio: I was born at a very early age...
More by Sunkicked:How to Make an Image Map Using GIMP The Perfect Cup of Coffee Perfect Pumpkin Perforating 
Add instructable to: