Creating image maps

An image map is a single graphic with clickable areas, or hotspots, that link to webpages. A hotspot is defined using co-ordinates on an image, and an URL is assigned to each defined area.

If you want to add rollovers to an image, or to assign different file formats or compression rates to parts of an image, you can slice it instead of creating an image map. For information about creating sliced images, see Slicing images.

Creating clickable areas

Hotspots are created from objects. You can assign an URL and alternative text to an object. You must also specify the shape for a hotspot; it can be a polygon that closely follows an object’s shape, a rectangle that matches an object’s highlighting box, or a circle that encloses an object.

If you want to create an image map using a photo, you can define an editable area where you want a hotspot to be, and then convert the editable area into an object.

The hotspot on the left button is rectangular, while the hotspot on the right button is circular. Clicking anywhere on the hotspot activates it.

Exporting image maps

When you export an image map, you must choose one of three different map types: client-side, server-side, or client/server-side. The client-side image map type is most common and is the default setting. The following files are generated automatically, depending on the image map type you choose:

To create a clickable area for an image map

If the Object manager docker is not open, click Window Dockers Object manager.

To export an image map

Objects will merge with the background when you export the image map.

You can also define hotspot areas for an image map using the Internet toolbar. Click Window Toolbars Internet to open the Internet toolbar.

---

Was this page helpful? Send feedback. (Internet connection required.)

---

Copyright 2015 Corel Corporation. All rights reserved.