Como encontrar las coordenadas de pixel en tu pantalla

Demo rapida: selector de coordenadas

El cuadro de arriba es interactivo. Mueve el raton sobre el y veras cuatro valores actualizarse en tiempo real: X e Y miden desde la esquina superior izquierda de toda tu pantalla, mientras que X relativa e Y relativa miden desde la esquina superior izquierda del propio cuadro de demostracion.

Esta distincion -- coordenadas de pantalla frente a coordenadas relativas al elemento -- es la fuente mas comun de confusion cuando alguien empieza a trabajar con posiciones de pixel. Las coordenadas de pantalla te dicen donde esta algo en el monitor. Las relativas te dicen donde esta dentro de una ventana o elemento concreto.

Windows: PowerShell y mas

Windows no incluye ninguna herramienta que muestre coordenadas visibles. No hay ninguna aplicacion integrada que siga tu cursor e imprima numeros X/Y. Tienes tres opciones reales.

Opcion 1: PowerShell + API de Win32 (listo para copiar)

Usa la misma funcion GetCursorPos que toda aplicacion de Windows usa internamente, por lo que las coordenadas que obtienes son pixeles fisicos de pantalla. Pega esto en una ventana de PowerShell:

Add-Type @"
using System;
using System.Runtime.InteropServices;
public class User32 {
    [StructLayout(LayoutKind.Sequential)]
    public struct POINT { public int X; public int Y; }
    [DllImport("user32.dll")]
    public static extern bool GetCursorPos(out POINT lpPoint);
}
"@
while ($true) {
    $p = New-Object User32+POINT
    [User32]::GetCursorPos([ref]$p)
    Write-Host "`rX: $($p.X)  Y: $($p.Y)" -NoNewline
    Start-Sleep -Milliseconds 100
}

Mueve el raton y observa los numeros. Pulsa Ctrl+C para detener.

Opcion 2: Snipping Tool (para lecturas rapidas)

La herramienta de recorte no muestra coordenadas directamente, pero cuando inicias un recorte, la cruceta muestra su posicion de pixel actual en una pequena etiqueta. Pulsa Win + Shift + S para abrirlo.

Opcion 3: Python con PyAutoGUI

Instala con pip install pyautogui y luego:

import pyautogui, time
while True:
    x, y = pyautogui.position()
    print(f"\rX: {x}  Y: {y}", end="", flush=True)
    time.sleep(0.1)

Para mas detalle sobre PyAutoGUI, consulta nuestra guia de coordenadas con PyAutoGUI.

macOS: Digital Color Meter y terminal

macOS viene mejor equipada que Windows para esta tarea. Tienes una utilidad integrada que muestra coordenadas en vivo.

Integrado: Digital Color Meter

Abre Spotlight (Cmd + Espacio) y escribe "Digital Color Meter". Esta aplicacion, en Aplicaciones / Utilidades, muestra la posicion del cursor en tiempo real en la parte inferior de su ventana. Es la forma mas rapida de obtener coordenadas en un Mac sin escribir codigo.

Terminal: Python + Quartz

El framework Quartz proporciona los mismos datos de coordenadas que usa el sistema operativo. Ojo: macOS mide Y desde la parte inferior de la pantalla, no desde arriba.

import Quartz, time
while True:
    loc = Quartz.CGEventGetLocation(
        Quartz.CGEventCreate(None))
    h = Quartz.CGDisplayPixelsHigh(
        Quartz.CGMainDisplayID())
    # Y de macOS es desde abajo; invertir a origen superior-izquierda
    print(f"\rX: {int(loc.x)}  Y: {int(h - loc.y)}",
          end="", flush=True)
    time.sleep(0.1)

Instala con pip install pyobjc-framework-Quartz.

Linux: xdotool y xwininfo

Linux tiene las mejores herramientas de linea de comandos para trabajo con coordenadas, en parte porque X11 fue disenado para ser programable desde el principio.

xdotool: lectura unica de coordenadas

Instala con sudo apt install xdotool y luego:

xdotool getmouselocation --shell
# X=1920
# Y=540
# SCREEN=0
# WINDOW=16777216

La opcion --shell formatea la salida como variables de shell:

eval "$(xdotool getmouselocation --shell)"
echo "Raton en $X, $Y pantalla $SCREEN"

Bucle de seguimiento en vivo

while true; do
    eval "$(xdotool getmouselocation --shell)"
    printf "\rX: %-5s  Y: %-5s" "$X" "$Y"
    sleep 0.1
done

En el navegador: DevTools y JavaScript

Si buscas coordenadas dentro de una pagina web, no necesitas herramientas del sistema. El navegador te lo da todo mediante JavaScript.

Snippet para la consola de DevTools

Abre DevTools (F12 o Cmd+Option+I), ve a la pestana Console y pega:

document.addEventListener('mousemove', e => {
  console.clear();
  console.log('Screen:  ' + e.screenX + ', ' + e.screenY);
  console.log('Client:   ' + e.clientX + ', ' + e.clientY);
  console.log('Page:     ' + e.pageX + ', ' + e.pageY);
  console.log('Offset:   ' + e.offsetX + ', ' + e.offsetY);
});

Lo que mas confunde: clientX/Y no cambia al hacer scroll, pero pageX/Y si.

Escalado DPI: por que tus coordenadas fallan

Si alguna vez escribiste un script que funciona en un ordenador pero falla por unos pixeles en otro, el escalado DPI es casi seguro el culpable.

Las pantallas modernas suelen usar un factor de escalado superior al 100%. Una pantalla 4K al 150% reporta menos pixeles logicos que fisicos. El problema: diferentes capas del sistema pueden reportar coordenadas en unidades distintas.

• Las APIs del sistema (como GetCursorPos) suelen devolver pixeles fisicos
• Los navegadores reportan pixeles CSS (logicos)
• Los frameworks de automatizacion como PyAutoGUI intentan coincidir con el OS

Multiples monitores y coordenadas negativas

En un sistema multi-monitor, la esquina superior izquierda del monitor principal siempre es (0, 0). Los monitores secundarios extienden el plano de coordenadas. Si tu segundo monitor esta a la izquierda del principal, sus coordenadas son negativas.

Analisis completo en nuestra guia de coordenadas multi-monitor.

Tabla comparativa de metodos

Preguntas frecuentes