Export Web Image Map

[Bug Importer]

I have used Inkscape to prepare the graphics of my website, then exported it in png and applied a image map by taking the coordinates by hand... it has been easy but a little boring.
It would be great to have a tool that auto-generates the image map directly from inkscape. Easy alternatives that I can imagine could be:
- to insert a layer in the drawing that delimits the map
- to assign a sort of property to objects in the drawing that has to be active in the map

Then, the magic button "export to image map" do the magic and provides the html code along with the png.

[Peter Lewerin (vermeil-deactivatedaccount)]

This request needs to be clarified or closed.

[Christoffer Bruun (cdbruun)]

It is a functionality comparable to "Save as Web Page" i Microsoft Visio.

When generating a GIF or PNG from a SVG image with http links associated with the grafical objects, it would be very nice if
the following HTML code could be generated such that the exported GIF/PNG could be used as a clickable map.

E.g.:

<IMG id="ConvertedImage" SRC="exported.gif" name=RasterImage USEMAP="#visImageMap">

<MAP NAME="visImageMap">
  <AREA shape="POLYGON" HREF="#CleanResturant" COORDS=" 86,360 180,360 180,303 86,303 86,360">
  <AREA shape="POLYGON" HREF="#Order" COORDS=" 133,180 180,208 228,180 180,152 133,180">
  <AREA shape="POLYGON" HREF="#TaskLasagna" COORDS=" 0,57 95,57 95,0 0,0 0,57">
</MAP>

[ScislaC (scislac)]

As old and bizarre of a request as this is, it is still valid.

[Nick (b4025928)]

http://sourceforge.net/projects/inkscapemap/

[johnhales (johnhales)]

Your idea of having a tool that auto-generates image maps directly from Inkscape sounds quite useful and efficient. While I'm not aware of any specific tool that does exactly this, there are a few potential approaches and alternatives you could explore:

Inkscape Extensions: Inkscape supports extensions that add functionality to the software. You might be able to find or develop an extension that automates the process of creating image maps. While this might require some coding skills, it would offer a more integrated solution.

Inkscape Layers: You could use Inkscape layers to separate the elements you want to include in the image map. For example, you could place the image map shapes on a separate layer. Then, when exporting, you could selectively hide the layers that you don't want to include in the image map. This would require some manual effort but could streamline the process compared to manually specifying coordinates.

Inkscape Object Properties: Inkscape supports attaching metadata to objects using the "Object Properties" dialog. While this doesn't directly create image maps, you could potentially use these properties as a basis for a script that generates an image map based on the specified properties.

Export and Automation: After exporting your Inkscape design to PNG, you could use image processing and automation tools to convert the design into an image map. For example, you could write a script in a programming language like Python that reads the exported PNG, detects objects, and generates an HTML image map based on the object positions.

External Image Map Generators: While not directly integrated with Inkscape, there are online tools and software that can help you create image maps more efficiently. These tools often allow you to upload an image and then draw shapes to define clickable areas. After creating the image map, you could manually adjust the coordinates to match your Inkscape design.

Feedback to Inkscape Developers: If this is a feature that you believe would benefit many users, you could consider reaching out to the Inkscape development community with your idea. They might find it valuable and consider incorporating it into future versions of Inkscape.

Remember that while creating such a tool or workflow might require some initial effort, it could save you a lot of time in the long run by automating the tedious process of handcrafting image maps. I Personally tested it for my project https://www.shopbot.com.au/store/myer/