An image map is an image with clickable areas. The areas are defined with one or more <area> tags. Try to click on the computer, phone, or the cup of coffee ...

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, ...

This tool makes it extremely easy to generate HTML based image maps. All work is done in the browser, so your image is never sent to a server. © imagemap.org ...

All coordinates are specified relative to the full-size source image. The image can be scaled using thumbnail syntax, in which case the image map coordinates ...

The coords attribute specifies the coordinates of an area in an image map. The coords attribute is used together with the shape attribute to specify the size, ...

Easily create interactive image maps with our online tool. Define clickable areas on images, add links. Works on desktop and mobile devices. Try it now!

Coordinates are always measured from the top-left corner of the full image. You need different positioning information depending on the shape of the mapped area ...

Step 3: Define the coordinates for the map shapes · Top left: 30 by 100 pixels · Top right: 140 by 50 pixels · Bottom right: 290 by 220 pixels · Bottom left: 180 by ...