Comprobador de resolución de pantalla

Mira tu pantalla, el escritorio disponible, el viewport en vivo y el ratio de píxeles del dispositivo, más refresco y puntero.

Este informe se calcula localmente con APIs estándar del navegador. No se sube, guarda ni comparte nada.

Esto es un informe en píxeles CSS, no la verdad del hardware: el navegador y el escalado del sistema pueden cambiar estas cifras, que pueden diferir de la resolución nativa del panel.

Pantalla

—

Tamaño completo del monitor según lo informa el navegador, en píxeles CSS.

Escritorio disponible

—

Pantalla menos barras de tareas y docks: el espacio que ocupa una ventana maximizada.

Viewport del navegador

—

El área visible de la página ahora mismo; cambia el tamaño de la ventana y se actualiza.

Ratio de píxeles del dispositivo

—

Píxeles reales del panel detrás de los píxeles CSS: multiplica para ver el tamaño físico.

Orientación: —
Profundidad de color: —
Tipo de puntero: —
Gama de color: —

Estimación de tasa de refresco

—

Se cuentan fotogramas durante 2 segundos. El resultado está limitado por vsync y los navegadores estrangulan pestañas en segundo plano: trátalo como un mínimo estimado, no como una ficha técnica.

Cómo funciona

Las cuatro tarjetas grandes leen cuatro rectángulos anidados. window.screen.width/height informa el monitor completo tal como lo ve el navegador; availWidth/availHeight resta los elementos del sistema (barra de tareas, dock) que una ventana maximizada no puede cubrir; innerWidth/innerHeight mide el área realmente renderizada y se remide en cada cambio de tamaño; y devicePixelRatio convierte esos píxeles CSS en píxeles físicos del panel.

Píxeles CSS vs píxeles del dispositivo
Un píxel CSS es la unidad que usa el diseño web, y en una pantalla HiDPI («retina») cada píxel CSS se dibuja con 2×2 o 3×3 píxeles reales: ese multiplicador es el ratio de píxeles del dispositivo. Un viewport de 1280 píxeles CSS en un móvil con DPR 2 mide en realidad 2560 píxeles de panel. La tarjeta DPR multiplica ancho y alto de la pantalla por el ratio para mostrar las cifras físicas, y el zoom del navegador o la escala del sistema cambian los números CSS, nunca el panel.
Por qué availWidth es menor que width
El sistema operativo reserva franjas del escritorio para la barra de tareas, el dock o la barra de menús, y availWidth/availHeight informan el rectángulo restante. Una pantalla de 1920 × 1080 con la barra de Windows suele informar unos 1920 × 1040; en un segundo monitor sin barras ambas cifras pueden coincidir, y en móviles ambas reflejan la noción que el navegador tiene de la pantalla, que ya de por sí es aproximada.
Media queries de puntero y gama
Los chips de capacidades salen de pruebas matchMedia: (pointer:fine) indica un dispositivo preciso como ratón o trackpad, (pointer:coarse) indica táctil, y (hover:hover) significa que el cursor puede reposar sobre los elementos — los móviles informan coarse y sin hover. (color-gamut: p3) responde si el panel admite colores más amplios que sRGB, y el estimador de refresco simplemente cuenta llamadas a requestAnimationFrame durante dos segundos, por eso informa lo que el navegador alcanza y no lo que el panel podría.

Preguntas frecuentes

¿Puedo ver la resolución nativa real de mi monitor?

No de forma fiable desde una página web. Los navegadores exponen a propósito cifras CSS escaladas, no el modo hardware del panel, y la escala del sistema, el zoom del navegador y la pantalla completa reescriben esos números. Para el dato nativo, mira los ajustes de pantalla de tu sistema (Windows: Configuración > Sistema > Pantalla; macOS: Acerca de este Mac) o el menú en pantalla del propio monitor, que leen el hardware directamente.

¿Por qué cambian las cifras al hacer zoom o con HiDPI?

Porque todos los valores están en píxeles CSS. Un zoom del 200% reduce a la mitad el viewport y las medidas de pantalla informadas; una pantalla HiDPI mantiene las cifras CSS pero sube devicePixelRatio, así que cada píxel CSS se dibuja con más píxeles reales. La tarjeta de ratio muestra el equivalente en píxeles físicos para ver ambas capas a la vez.

Mi móvil muestra otros números al girarlo, ¿es un error?

No: al rotar se intercambian ancho y alto en todas las lecturas, y la tarjeta de viewport se remide al cambiar la orientación. Los notches y las barras del sistema también mueven las cifras de escritorio disponible, lo cual es el comportamiento normal de estas API.

La estimación dice 60 pero mi pantalla es de 120 Hz, ¿por qué?

Los navegadores sincronizan los fotogramas de animación con vsync y suelen limitarlos a 60 Hz salvo que la página se marque como crítica para animación; los modos de ahorro de energía también lo recortan. Un lectura de ~60 en un panel de 120 Hz es un límite del navegador, no un fallo de la pantalla: esta página solo muestra lo que realmente consigue.

¿Se sube algo a un servidor?

No. El informe se monta con APIs locales del navegador (window.screen, matchMedia, requestAnimationFrame) dentro de esta página y nunca se envía. El botón de copiar solo pone texto en tu propio portapapeles.