如何添加超链接到我的jpg图像的一部分

Question

我有一个jpg图像，它有两个可点击的链接 食物菜单和饮料菜单。 我如何分别添加一个超链接到他们两个。 非常感谢

编辑：任何使其适用于响应式图像的方法？

Answer 1

使用image map

<img src="myimage.jpg" usemap="#mymap">

<map name="mymap">
  <area shape="rect" coords="1498,1596,1142,1510" href="foo.htm" alt="Foo">
  <area shape="rect" coords="2092,1596,1636,1510" href="bar.htm" alt="Bar">
</map>

以上例子中的坐标非常贴眼。

Answer 2

Coords你的意思是X＆amp; Y' 你可以在Photoshop中做到这一点。打开图像＆gt;右键单击CROP工具＆gt;选择切片 将要创建超链接的部分切片。切片后，右键单击切片，选择“编辑切片”。您的X＆amp; Y坐标将显示。 See Here