我找找就

图片坐标拾取

上传或粘贴截图后点击取点:输出原始像素坐标、百分比与 CSS 背景定位,支持左上/左下原点与历史列表,适合热区标注,本地处理。

使用记录 0 展开

使用工具或停止输入约 3 秒后会自动保存输入内容,点击列表可恢复。仅存于本浏览器。

    上传或粘贴截图,在图上点击即可复制像素坐标,适合热区标注与切图对齐。图片只在本地处理。

    也可在本页按 Ctrl+V / ⌘+V 粘贴剪贴板中的截图。

    尚未载入图片

    拖入图片,或点击上方选择文件

    最近一点

    X

    Y

    %

    CSS

    历史(最多 50)

    使用说明

    1. 选择、拖入或 Ctrl+V 粘贴图片
    2. 在图上点击,自动复制 X,Y 像素
    3. 需要时复制历史列表到表格

    图片坐标拾取说明

    坐标含义

    点击位置会换算到图片原始像素(naturalWidth × naturalHeight),与屏幕缩放无关。百分比按原图像素比例;CSS 背景定位百分比按当前显示区域左上角计算。

    原点

    • 左上:设计稿、热区、大多数前端约定
    • 左下:部分数学/工程坐标习惯(Y 向上)

    隐私

    图片只在当前浏览器解码与取点,不会上传到服务器。

    图片坐标拾取常见问题

    坐标是显示尺寸还是原图像素?
    按图片原始宽高换算,放大缩小显示不影响数值。
    左下原点是什么?
    Y 从图片底边向上计,贴近部分数学坐标习惯;默认左上更适合设计稿。
    图片会上传吗?
    不会。解码与取点都在本机浏览器完成。