Image Map Generator

HTML Image Map Generator

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!



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.