HTML image map creator
 
 
This online service allows you to create HTML image maps (aka clickable maps).

Example:

click map blue yellow green
Show the HTML image map code.

How it works:
  1. Upload any of the following image filetypes: .gif, .jpg, .png, .jpeg.
    The maximum file size = 100 KB.
    If the uploaded image has a width larger than 610px, it will be automatically resized to 610px.
  2. Draw a region (circle, rectangle or polygon) on the image and enter the mandatory region information:
    • URL.
    • ALT text.
  3. Press the "Save region" button.
  4. All entered data are stored. An overview of all your created regions are displayed in the "Created regions" section.
  5. After you have saved one or more regions, press the "Create HTML Map" button.
  6. The HTML image map code can be found in the "Output" section on the bottom of the page as well as a zip file containing the same code including the uploaded image.
    Note: When you upload an image and its width is larger then 610px, the image will be resized to fit the page. When the image map is created the region coordinates are recalculated based on the original image scale.


rss

Input:
Upload image *:
Max 100 KB.
Help
To prevent automated submissions an Access Code has been implemented for this tool.   access code
Please enter the Access Code as displayed above *:  
 
* = required

No image uploaded

Help   
Help   
Help   
Help    Drawing color: Select drawing color Help    X-coord: px   Y-coord: px

Default URL for areas not mapped: Help

 Enter your information.
Region id: Help
Region description: Help
URL *: Help
ALT text *: Help
Title text (Same as ALT): Help
Target: Help
Geometric shape *: Help
Coordinates *: Help
onMouseOver: Help
onMouseOut: Help
onClick: Help
  Help






Output:

No HTML image map.