[ACCEPTED]-Are HTML Image Maps still used?-imagemap
Yes, people do still use image maps. An 4 alternative would be to position elements 3 using absolute positioning and CSS but that's 2 not necessarily better. It also doesn't 1 allow you to have shapes like in image maps
They are in the HTML5 specification, so they will not get deprecated.
You can 5 still freely use them, they certainly still 4 have their place in web development. Or 3 I could say, those rare occasions exist 2 where you can best solve something with 1 an image map.
An alternative solution to using CSS or 7 image maps would be to make use of SVG graphics 6 embedded into the HTML dom.
One tutorial 5 on how to achieve mouseover effects using 4 this technique is described in this tutorial: http://www.petercollingridge.co.uk/data-visualisation/mouseover-effects-svgs
The 3 key takeaway being that SVG elements also 2 trigger traditional dom events including 1 onmouseover and onmouseout.
Image Maps are still in HTML5 specifications, supported 6 by all browsers.
They can be adapted to responsive 5 design using jQuery RWD Image Maps: https://github.com/stowball/jQuery-rwdImageMaps
It detects 4 and automatically resize the image maps 3 coordinates.
It's also available for Wordpress 2 developers as plugin: http://wordpress.org/plugins/responsive-image-maps/
Simple and effective 1 solution.
Yes, I still use image maps, however my 11 last project used Raphaël. It was pretty 10 easy to get something up and running.
From 9 their web site:
Nice simple image map example:
While I rarely see them used on modern websites 21 anymore, they do seem to be used by my clients 20 in their email campaigns. However, I've 19 noticed, and confirmed that there are some scaling 18 issues with the coordinate system on mobile 17 devices.
** I know this thread is old, I 16 was just doing some additional research 15 into this for a recent email campaign issue 14 and thought it may help someone else down 13 the line.
3rd party edit
The question on litmus.com on image map support is 12 from 04/2014
Image maps do not support ALT 11 tags, when images aren't loaded the ALT 10 text isn't displayed in some clients.
Image 9 map usage generally results in using large 8 images which can cause deliverability issues 7 and hinder download speed (especially important 6 to mobile users).
And most importantly, The 5 iOS (iphone/ipad) doesn't scale the image 4 map link coordinates when the image is scaled 3 which breaks the links. Since iOS represents 2 a large majority of email opens (iPhone 1 + iPad = 38% via http://emailclientmarketshare.com/) this is important.
Yes, it still used
An image map allows a 7 user to hyperlink to many pages by clicking 6 different parts of an image.Simply by using 5 image map we create lists of coordinates 4 relating to a specific area of the same 3 image and give the hyperlink to a different 2 location. By using this within a single 1 image we give multiple links.
Yes, people do still use image maps. Although 1 I recommend you using SVG. It's way better
More Related questions