图片热点图生成器
选择图片，添加带标签和安全网址的矩形区域，然后复制响应式 HTML。
最多添加 50 个矩形区域，坐标使用原图像素。
使用步骤
如何使用
- 选择图片并填写替代文本。
- 添加矩形坐标、标签和目标网址。
- 检查带有可访问名称的热点图并复制 HTML。
使用源图像素的矩形区域
每个区域按原图像素坐标使用左、上、宽、高。CSS 调整图片大小后，HTML 热点图坐标也会随渲染图片按比例缩放。
安全且可访问的输出
标签会成为 area 的 alt 文本；图片必须有非空替代文本；网址仅允许 http(s) 或同页相对地址。导出前会转义 HTML。
有界的本地处理
图片在浏览器中读取。限制为 20 MB 图片、50 个区域和 10,000 字符的输出。
常见问题
你可能还想知道
图片会上传吗？
不会。图片数据和生成的 HTML 留在浏览器中。
支持哪些区域形状？
当前版本仅导出矩形区域。
为什么坐标使用像素？
像素坐标便于从原图重复定位；响应式缩放时，浏览器会同步缩放坐标。