Image Map Generator

How does the HTML Imagemaps Generator work?

With the help of our amazing HTML Image Maps Generator, you can now produce Imagemaps quickly and with ease. and what's even better is that it is free to use. get started now by just picking a picture from your computer, or perhaps straight from an exterior web site. Next up select your link areas with the use of our available shapes, which include rectangle, circle or polygon shapes. using these shapes is extremely easy just click and drag on the area of the image you want to specify as a link.

Remember to enter a title for each area you select as this will be displayed when someone hovers their mouse over your image map. make sure and select the target also a target for each one of your selected zones. Then as soon as you're satisfied just click on The button that says show me the Code then copy and paste it into your website, it`s as easy as that!

 

Free online image maps generator

 

 

What is an Image Map?

Originally introduced in HTML 3.2 as a replacement for server side imagemaps. Server side image maps were clunky requiring a round trip to the web server to determine where to go based on the coordinates clicked in the image. Thus client side image-maps were born!

An imagemap is a graphic image where a user can click on different parts of the image and be directed to different destinations. imagemaps are made by defining each of the hot areas in terms of their x and y coordinates (relative to the top left hand corner). With each set of coordinates, you specify a link that users will be directed to when they click within the area.

As an example, say you have a map of the World that you wish to act as an image map. Each country could have their hot areas defined on the map to take you to different pages.

About

We make it extremely easy to create free HTML based image maps. Our tool was build from the ground up with the modern browsers in mind, and sadly in turn doesn't support older browsers (sorry IE8 and lower!). All operations are completely client side in your browser using the power of HTML5, SVG and JavaScript.

Disclaimer: No image from your PC are ever transferred out of your browser. All files loaded from your PC are read using the FileReader JavaScript API directly off your hard drive in to your browser.