For example, a map of the world may have each country hyperlinked to further information about that country.
The intention of an image map is to provide an easy way of linking various parts of an image without dividing the image into separate image files.
The HTML code for this type of server-side image map requires the When the user clicks inside the image the browser will append the X and Y coordinates (relative to the upper-left corner of the image) to the anchor URL as a query string and will access the resulting URL then the query string must not be added to the anchor URL and the server should respond appropriately (for example, by returning a text-only navigation page).
Client-side image maps were introduced in HTML 3.2, and do not require any special logic to be executed on the server (they are fully client-side). A client-side imagemap in HTML consists of two parts: A more modern approach is to overlay links on an image using CSS absolute positioning; however, this only supports rectangular clickable areas.
Because every client renders your HTML differently, it’s critical to test your email across the most popular clients and devices.
Try us free for 7 days and get unlimited access to email, image and spam testing to ensure you get delivered and look good doing it!
An image map is an image that is linked to a map of areas within the image specified by coordinates and a link.You'd normally need a tool to generate the coordinates such as Dreamweaver or an online service like this.From my tests, all the major email clients support image maps. Other clients that I've tested that works with image maps include, i OS, Apple Mail, Yahoo!When an image is blocked by the client, all you see is a single alt text of the image and not the individual links.Since the coordinates are hard coded, you cannot have images that scale to the width of its container as this will cause the coordinates to drift.Server-side image maps enable the web browser to send positional information to the server about where the user clicks within an image.