A Mapped Image
gives you the ability to take certain parts of an image, and add specific links to each part. In the example, I added 2 links to an image, one for the Guns N’ Roses tee, and the other for Justin’s almond butter.
I added the white squares to the image so you can see which parts were mapped. Technically you can opt to add different symbols to mark the parts that have a hyperlink. Notice how the second image has circles with an X on them. Or you can also choose not to mark them at all as shown in the third image.
How To Map Images
One way to map your image is to use a map generator online. This one is user friendly and free.
Some Use Cases
- Make images shoppable by adding links to specific items to a look.
- Add additional resources for your readers.
A caveat…although image maps work on mobile, user experience is still best on tablets and larger screens.