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

Question

我有一张 jpg 图片，其中有两个可点击的 link 食物菜单和饮料菜单。我怎样才能分别为他们两个添加一个 hyperlink 。非常感谢

编辑：有什么方法可以让它也适用于响应式图像吗？

Answer 1

<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

您是指 X 和 Y 坐标？您可以在 Photoshop 中执行此操作。打开图像 > 右键单击 CROP 工具 > 选择切片切片要创建超链接的部分。切片后，右键单击切片，选择“编辑切片”。您的 X & Y 坐标将显示。 See Here

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

How can i add a hyperlink to just a part of my jpg image

html

css

photoshop