Для определения интерактивной карты изображений существует HTML-тег map.

Интерактивной картой является изображение с кликабельными областями. Все что нужно сделать - это указать координаты в атрибуте coords дочерних элментов area:

<img src="solar_system.png" width="500" height="300" alt="Planets" usemap="#planetmap">

<map name="planetmap">
  <area shape="rect" coords="0,0,52,92" href="earth.htm" alt="Earth">
  <area shape="circle" coords="60,48,5" href="mars.htm" alt="Mars">
  <area shape="circle" coords="135,48,12" href="saturn.htm" alt="Saturn">
</map>

В приведенном выше примере создаётся карта солнечной системы, определяются области для каждой планеты и после клика на соответствующей области карты посетитель перенаправляется на отдельную для каждой планеты страницу.

Дополнительная информация на MDN

Спасибо за внимание.