ARCHIVED: What is the difference between client-side and server-side imagemaps?

This content has been archived, and is no longer maintained by Indiana University. Information here may no longer be accurate, and links may no longer be available or reliable.

In order for an image on the web to contain a link to more than one destination, it must have an imagemap. The imagemap defines regions of the image and associates each region with a different link.

Two kinds of imagemaps exist, server-side and client-side. In the server-side method, when you click an image leading to multiple links, you are actually invoking a cgi-bin program. The program typically reads a separate map file that tells the program where to go, depending on what part of the image you are clicking. The program returns the destination to the web browser, which then opens the page. The imagemap is called "server-side" because the web browser must contact the remote host to find which site to contact.

Client-side imagemaps, by contrast, do not require a cgi-bin program to function. The imagemap is actually an HTML construct that can be contained on the same page as the clickable image. Rather than requiring the program on the remote host to determine what site to access, the web browser itself associates regions of the image with the appropriate sites. The browser, rather than the remote host, interprets the imagemap.

Client-side imagemaps are usually faster than server-side imagemaps and, in general, easier to create. Their main disadvantage is that older browsers, and less fully featured ones, may not support them. Fortunately, it is usually possible to create a clickable image that can have both a server-side and a client-side imagemap.

This is document adyd in the Knowledge Base.
Last modified on 2021-09-08 10:22:59.