ImgImage

HTML 图像映射

为网页图片设置可点击区域

在浏览器中运行。文件不会离开您的设备。

  正在加载工具…

如何使用HTML 图像映射

  1. 添加要设为可点击的图片。
  2. 在需要链接到某处的部分绘制矩形、圆形或多边形,并填写每个链接和替代文字。
  3. 复制 HTML 代码,或下载现成的 HTML 页面。

关于此工具

让图片的一部分可以点击。在图片上绘制矩形、圆形和多边形,为每个区域设置链接、替代文字和可选的提示文字,并复制现成的 HTML 图像映射。

图像映射使用固定的像素坐标,因此工具可以添加一小段脚本,在图片被缩放时保持各区域对齐。您也可以改为导出按百分比定位的链接,它们无需任何脚本就能随图片缩放。

  • 在您的设备上运行,不会上传任何内容。
  • 免费使用,无需注册,无水印。
  • 除设备自身的处理能力外,对文件数量和大小没有限制。

常见问题

图像映射适用于响应式网站吗?

普通的图像映射不会缩放:它们的坐标以原图的像素为单位。请开启缩放脚本,或选择“百分比链接”,它会按百分比在图片上放置链接。

如何绘制多边形?

选择“多边形”,依次点击各个角,然后点击第一个角、双击或按 Enter 完成。按 Esc 取消,按 Backspace 删除最后一个角。

替代文字是必需的吗?

为了无障碍,是的:每个可点击区域都应有替代文字,说明链接的去向,以便屏幕阅读器用户使用。

HTML 图像映射是免费的吗?

是的。ImgImage 上的所有工具都可免费使用,无需注册,无水印,处理文件数量也不受限制。

我的文件会被上传到某处吗?

不会。文件由您自己的浏览器处理,不会离开您的设备。您在此打开的任何内容都不会发送到服务器。

可以在手机上使用吗?

可以。在手机、平板和电脑上的任何现代浏览器中都能使用。大文件在电脑上处理得更快。

相关工具

搜索工具