I have a vector illustrator file with all the counties of California as distinct paths. I need to have these counties be links to other pages online. is there a way to automatically generate an HTML imagemap from this file? illustrator provides an export as a jpg function that has options for polygonal imagemap shapes, but it isn't working.
alternatively, do you have an opinion about the usage these days of imagemaps at all and whether I should approach this another way?
yes, I know I could do this in flash but I want to avoid that.
thanks!
I have a vector illustrator file with all the counties of California as distinct paths. I need to have these counties be links to other pages online. is there a way to automatically generate an HTML imagemap from this file? illustrator provides an export as a jpg function that has options for polygonal imagemap shapes, but it isn't working.
alternatively, do you have an opinion about the usage these days of imagemaps at all and whether I should approach this another way?
yes, I know I could do this in flash but I want to avoid that.
thanks!
Share Improve this question edited Feb 13, 2020 at 4:54 Nmk 1,3212 gold badges14 silver badges28 bronze badges asked Sep 30, 2010 at 17:10 lizliz 4831 gold badge7 silver badges16 bronze badges 1- Don't know much about imagemaps, but here's a way to make areas of your image interactive. stackoverflow.com/questions/3479361/… – Brandon J. Boone Commented Sep 30, 2010 at 17:30
3 Answers
Reset to default 11You can use the Attributes panel to set a link on each path, and then use Save for Web and Devices to save as HTML or HTML+Image -- that creates an imagemap in the HTML file.
In addition to LHMathies answer please note that the path in Illustrator must not be a compound path in order to use the "Polygon" shape. The HTML output of a Compound Path will result in a "rectangle" shape.
To convert a compound path to a simple path right click the path and select Release Compound Path.
Ah, I was looking for this very solution, and thanks to LHMathies' answer above, and ryandoss's tips, I worked out a complete mini-tutorial, which I put in this other SO thread.
I was able to create an imagemap from a Photoshop file in just a few minutes.