HTML 图像映射
为网页图片设置可点击区域
在浏览器中运行。文件不会离开您的设备。
正在加载工具…
如何使用HTML 图像映射
- 添加要设为可点击的图片。
- 在需要链接到某处的部分绘制矩形、圆形或多边形,并填写每个链接和替代文字。
- 复制 HTML 代码,或下载现成的 HTML 页面。
关于此工具
让图片的一部分可以点击。在图片上绘制矩形、圆形和多边形,为每个区域设置链接、替代文字和可选的提示文字,并复制现成的 HTML 图像映射。
图像映射使用固定的像素坐标,因此工具可以添加一小段脚本,在图片被缩放时保持各区域对齐。您也可以改为导出按百分比定位的链接,它们无需任何脚本就能随图片缩放。
- 在您的设备上运行,不会上传任何内容。
- 免费使用,无需注册,无水印。
- 除设备自身的处理能力外,对文件数量和大小没有限制。
常见问题
图像映射适用于响应式网站吗?
普通的图像映射不会缩放:它们的坐标以原图的像素为单位。请开启缩放脚本,或选择“百分比链接”,它会按百分比在图片上放置链接。
如何绘制多边形?
选择“多边形”,依次点击各个角,然后点击第一个角、双击或按 Enter 完成。按 Esc 取消,按 Backspace 删除最后一个角。
替代文字是必需的吗?
为了无障碍,是的:每个可点击区域都应有替代文字,说明链接的去向,以便屏幕阅读器用户使用。
HTML 图像映射是免费的吗?
是的。ImgImage 上的所有工具都可免费使用,无需注册,无水印,处理文件数量也不受限制。
我的文件会被上传到某处吗?
不会。文件由您自己的浏览器处理,不会离开您的设备。您在此打开的任何内容都不会发送到服务器。
可以在手机上使用吗?
可以。在手机、平板和电脑上的任何现代浏览器中都能使用。大文件在电脑上处理得更快。