图片坐标拾取
上传或粘贴截图后点击取点:输出原始像素坐标、百分比与 CSS 背景定位,支持左上/左下原点与历史列表,适合热区标注,本地处理。
使用记录 0 展开
使用工具或停止输入约 3 秒后会自动保存输入内容,点击列表可恢复。仅存于本浏览器。
上传或粘贴截图,在图上点击即可复制像素坐标,适合热区标注与切图对齐。图片只在本地处理。
也可在本页按 Ctrl+V / ⌘+V 粘贴剪贴板中的截图。
尚未载入图片
拖入图片,或点击上方选择文件
最近一点
X —
Y —
%—
CSS —
历史(最多 50)
使用说明
- 选择、拖入或 Ctrl+V 粘贴图片
- 在图上点击,自动复制 X,Y 像素
- 需要时复制历史列表到表格
图片坐标拾取说明
坐标含义
点击位置会换算到图片原始像素(naturalWidth × naturalHeight),与屏幕缩放无关。百分比按原图像素比例;CSS 背景定位百分比按当前显示区域左上角计算。
原点
- 左上:设计稿、热区、大多数前端约定
- 左下:部分数学/工程坐标习惯(Y 向上)
隐私
图片只在当前浏览器解码与取点,不会上传到服务器。
图片坐标拾取常见问题
- 坐标是显示尺寸还是原图像素?
- 按图片原始宽高换算,放大缩小显示不影响数值。
- 左下原点是什么?
- Y 从图片底边向上计,贴近部分数学坐标习惯;默认左上更适合设计稿。
- 图片会上传吗?
- 不会。解码与取点都在本机浏览器完成。