Cuál es mi resolución de pantalla

Cuál es mi resolución de pantalla: píxeles reales y tamaño que usa la web, juntos

Esta comprobación de resolución de pantalla lee los valores de tu dispositivo en cuanto abres la página y muestra, en grande, la resolución en píxeles reales. Muchos sitios que dicen ver la resolución copian el valor en píxeles CSS que informa el navegador y lo presentan como resolución, por eso un monitor de 1920 × 1080 suele aparecer como 1536 × 864. Esta herramienta vuelve a multiplicar la escala del sistema operativo para recuperar los píxeles reales y, en navegadores como Chrome y Edge, donde el nivel de zoom se puede deducir del tamaño de las ventanas, descuenta también el zoom del navegador.

El plano de pantalla bajo la respuesta dibuja a escala la pantalla completa, la barra de tareas, la ventana del navegador y el área donde la página se ve realmente. Si cambias el tamaño de la ventana o la mueves, el plano la sigue, así que ves enseguida a qué se refiere cada cifra. La misma página reúne además lo densos que son los píxeles, qué gama de color y HDR informa que puede mostrar la pantalla, y cuál es tu sistema operativo, tu navegador y tu chip gráfico, todo en una tabla. Todos los valores se calculan solo dentro de este navegador y no se guardan ni se envían.

Cuándo conviene comprobar la resolución

• Al conectar un monitor o un portátil nuevo: aunque el monitor admita 4K, según el cable y los ajustes puede quedar en una resolución menor. Comprueba primero que los píxeles reales coinciden con las especificaciones del monitor.
• Cuando el texto se ve borroso o demasiado pequeño: una resolución que no es la recomendada vuelve borroso el texto, y una escala demasiado baja lo hace pequeño. Mirar resolución y escala a la vez permite saber cuál es el problema.
• Al elegir la calidad de juegos o vídeos: elegir vídeo 4K en un monitor QHD, o una resolución QHD de juego en un monitor FHD, obliga a reducir una imagen mayor que la pantalla. El criterio es ajustarse a los píxeles reales de la pantalla.
• Al consultar por una página web cortada o rota: el servicio de atención o los desarrolladores suelen preguntar por la resolución, la escala, el navegador y el tamaño de la ventana. Con Copiar resultado, esos valores quedan juntos en un texto.
• Al crear o revisar páginas adaptables: la composición de la página cambia con el ancho CSS del área visible, no con los píxeles reales. Si reduces la ventana y miras el plano y el área visible, sabrás en qué ancho estás.
• Antes de trabajar con fotos o vídeo, para ver la gama de color y el HDR: las fotos de gama amplia (P3) y el vídeo HDR solo se ven bien si la pantalla y el navegador son compatibles.
• Al comprar o vender un portátil o un monitor de segunda mano: puedes comprobar allí mismo si la resolución del anuncio coincide con la de la pantalla real y si los datos gráficos son correctos.

Cómo saber la resolución de tu pantalla

1. Abre esta página en la pantalla que quieras comprobar. Si usas varios monitores, mueve la ventana del navegador al monitor que quieras comprobar.
2. Mira el número grande de arriba. Ese número es la resolución real de la pantalla. La etiqueta de debajo indica el nombre de la resolución, la relación de aspecto y los megapíxeles, y la frase siguiente explica cuántos píxeles ve la web por culpa de la escala.
3. Mira los cuatro cuadros pequeños de la derecha. Muestran, por orden, el tamaño en la web, la escala (DPR), el zoom del navegador y el área visible. Si el zoom no es del 100 %, restablécelo con Ctrl+0 (⌘+0 en Mac) y vuelve a mirar.
4. Mueve la ventana sobre el plano de pantalla. Si cambias el tamaño de la ventana o la mueves, la ventana y el área visible la siguen en el plano. Los botones «Píxeles reales» y «Píxeles CSS» cambian la unidad de las cifras del plano.
5. Si tienes varios monitores, pulsa «Ver todos los monitores». En Chrome y Edge, al conceder el permiso aparecen la disposición de los monitores y el nombre, la resolución y la escala de cada uno.
6. Si quieres, introduce la diagonal de la pantalla en pulgadas. Se calculan la densidad de píxeles (PPI), el ancho y el alto de la pantalla y el paso de punto.
7. Pulsa Copiar resultado. La resolución, la escala, el tamaño de la ventana, el color, el sistema operativo, el navegador y los gráficos se copian como texto, listos para pegar en una consulta o en una nota.

Cómo leer las cifras: píxeles reales, píxeles CSS y escala

Una pantalla tiene dos juegos de cifras: los píxeles reales, el número de puntos del panel del monitor, y los píxeles CSS, la unidad con la que las páginas web miden el tamaño. El píxel CSS se definió originalmente como el tamaño de un punto en una pantalla de 96 ppp, así que en una pantalla con puntos más densos un píxel CSS se dibuja con varios píxeles reales. Esa proporción es la escala (devicePixelRatio, DPR), y resulta de multiplicar el ajuste de escala del sistema operativo por el zoom del navegador.

Píxeles reales = píxeles CSS × escala del SO = píxeles CSS × escala (DPR) ÷ zoom del navegador

La tabla siguiente es un ejemplo de cálculo que muestra cómo la escala cambia las cifras. Como el navegador informa del tamaño CSS redondeado a un entero, cuando la escala es decimal el producto se desvía unos píxeles. Esta herramienta elige, dentro de ese margen, un valor de resolución estándar (1080, 1366, 1440, etc.).

En los navegadores basados en Chromium, como Chrome y Edge, al aplicar zoom la escala sube, pero el tamaño de pantalla que informa el navegador y el tamaño exterior de la ventana no cambian (Roberin lo comprobó el 2026-11-01 con zoom del 50 %, 125 % y 200 %). Por eso, al dividir el tamaño exterior de la ventana entre el interior se deduce el nivel de zoom, y esta herramienta lo descuenta para calcular los píxeles reales solo cuando el ancho y el alto señalan el mismo nivel. Un panel lateral o las herramientas de desarrollo acoplados a un lado reducen solo el ancho y parecen un zoom, así que normalmente se deja como «Desconocido», aunque en raras ocasiones puede leerse otro nivel. Firefox y Safari no permiten este método, por lo que dejan el zoom como «Desconocido» y se usa la escala tal cual. El valor más exacto sale con el zoom al 100 % y el panel lateral cerrado.

Nombres de resolución y relación de aspecto: HD, FHD, QHD, 4K

Nombres como FHD, QHD o 4K son abreviaturas de un número fijo de píxeles. La imagen de abajo superpone cuatro resoluciones habituales a la misma escala: FHD tiene 2,25 veces los píxeles de HD y 4K UHD tiene exactamente 4 veces los de FHD. Si la tabla contiene una resolución igual a la de esta pantalla, esa fila lleva la marca «Esta pantalla».

La relación de aspecto es la proporción entre el lado largo y el corto. 1366 × 768 no es exactamente 16:9, pero se acerca tanto que se le llama 16:9, y los ultrapanorámicos que se venden como 21:9, como 2560 × 1080 y 3440 × 1440, tienen en realidad 2,37:1 y 2,39:1. A los móviles se les nombra por su forma alargada: 1080 × 2340 es 19,5:9 y 1080 × 2400 es 20:9. Además, el 4K de televisores y monitores, 3840 × 2160 (UHD), no es el del cine, 4096 × 2160 (DCI 4K), así que el 4K de las especificaciones de un monitor suele ser 3840 × 2160.

Tamaño de pantalla en pulgadas y densidad de píxeles

Con la misma resolución, una pantalla más grande tiene los puntos más separados. La densidad de píxeles (PPI) es el número de píxeles de la diagonal dividido por la diagonal en pulgadas, y si escribes las pulgadas en el campo de diagonal de la zona de trabajo, se calculan el PPI de esta pantalla y su ancho y alto. El navegador no informa del tamaño físico de la pantalla, así que las pulgadas hay que introducirlas a mano.

PPI = √(ancho² + alto²) ÷ diagonal en pulgadas · ancho (cm) = diagonal × 2,54 × ancho ÷ √(ancho² + alto²)

En un monitor de 27 pulgadas, FHD son unos 82 PPI, QHD unos 109 PPI y 4K unos 163 PPI. Cuanto más densos son los puntos, más suave es el texto, pero con una escala del 100 % el texto se vuelve más pequeño, de modo que en pantallas de más densidad se sube la escala del sistema operativo. El cuadro de la lupa de píxeles muestra cómo, cuando la escala no es un número entero, una línea de 1 px CSS se reparte entre dos píxeles físicos. Por eso, con escalas del 125 % y 150 %, las líneas muy finas o el texto pequeño pueden verse algo difuminados.

Dónde comprobarlo en el sistema operativo

Si los valores de esta herramienta no son los que esperabas, comprueba directamente la resolución y la escala en los ajustes del sistema operativo. La resolución marcada como «Recomendado» en la pantalla de ajustes suele ser la resolución real del panel.

Un Mac con pantalla Retina informa de una escala de 2, así que esta herramienta multiplica por 2 el tamaño de pantalla que informa el navegador. Ese tamaño sigue la resolución elegida en los ajustes de Pantallas, por lo que puede diferir del número de píxeles del panel. Cuando Roberin lo comprobó en un MacBook Pro de 14 pulgadas, la resolución del panel en Información del sistema era 3024 × 1964, pero con una resolución más ancha que la predeterminada el navegador informó de una pantalla de 1800 × 1169 y esta herramienta mostró 3600 × 2338. Para ver también el número de píxeles del panel, consulta las entradas de gráficos y pantallas en menú Apple > Ajustes del Sistema > General > Información > Informe del sistema.

Cómo leer la gama de color y el HDR

El dibujo del cuadro de gama de color traza tres triángulos, sRGB, Display P3 y Rec. 2020, sobre todos los colores que una persona puede ver (la forma de herradura). Cuanto más ancho es el triángulo, más saturados son los rojos y verdes que se pueden mostrar, y el triángulo más ancho que el navegador informa para esta pantalla se rellena con el color de énfasis. Los monitores de oficina habituales suelen salir como sRGB, y los Mac y iPhone compatibles con P3 o los monitores de gama amplia salen como P3.

• Cómo funciona la prueba de color amplio: el fondo de los dos cuadros es el rojo y el verde más saturados de sRGB, y las letras son los colores P3 del mismo nombre. En una pantalla sRGB, los colores P3 se reducen al color más cercano que puede mostrar, es decir, el mismo del fondo, y las letras no se ven. En una pantalla P3, las letras destacan con más saturación que el fondo.
• HDR: si el navegador informa de esta pantalla como de alto rango dinámico (dynamic-range: high), aparece «Compatible». En Windows, aunque el monitor sea HDR, puede salir como rango estándar si el HDR está desactivado en los ajustes de pantalla, así que en ese caso comprueba antes que está activado.
• Profundidad de color: según la especificación, el navegador puede devolver 24 bits si no conoce la profundidad de color o quiere ocultarla. Por eso, aunque salga 24 bits, el panel puede ser de 10 bits, y si sale 30 bits significa que dibuja con 10 bits por color.

Qué datos del dispositivo ofrece el navegador y cuáles no

Mucha gente busca «ver las especificaciones de mi ordenador», pero la información del dispositivo que puede leer una página web está reducida a propósito. Toma los valores de la tabla de abajo solo como referencia y comprueba las especificaciones exactas en la pantalla del sistema operativo.

Errores frecuentes

• Leer los píxeles CSS como si fueran la resolución: un portátil FHD con escala del 125 % se ve en la web como 1536 × 864. No hace falta cambiar de monitor, es que hay una escala aplicada.
• Medir con el zoom del navegador activado: el zoom cambia a la vez la escala y el área visible. Firefox y Safari no informan del zoom, así que restablécelo con Ctrl+0 (⌘+0) y luego mira.
• Medir en otro monitor: esta herramienta mide la pantalla en la que está ahora la ventana. Para comprobar un segundo monitor, mueve la ventana hacia él.
• Leer el valor de un Mac como el número de píxeles del panel: si en los ajustes de Pantallas eliges una resolución que no es la predeterminada, el tamaño que dibuja macOS puede ser mayor o menor que el del panel.
• Aumentar el tamaño de visualización del móvil: en Android, al aumentar el zoom de pantalla o el tamaño de visualización se mantienen los píxeles reales y sube la escala, así que solo se reduce el tamaño web. El Zoom de pantalla del iPhone (Texto más grande) dibuja la pantalla a un tamaño menor y luego la amplía, por lo que los valores de esta herramienta también pueden salir menores que las especificaciones del dispositivo.
• Abrir la página en el navegador integrado de una aplicación: los navegadores integrados en aplicaciones, como las de redes sociales o mensajería, pueden mostrar un nombre de navegador y algunos valores distintos. Para ver los valores exactos, ábrela en tu navegador predeterminado.

Limitaciones

• El navegador no informa del tamaño físico de la pantalla en pulgadas. Las pulgadas y el PPI se calculan con el valor que introduces.
• El zoom del navegador se deduce del tamaño de las ventanas solo en los navegadores basados en Chromium, como Chrome y Edge. Las herramientas de desarrollo o un panel lateral acoplados suelen tratarse como «Desconocido», pero en raras ocasiones pueden leerse como otro nivel de zoom, así que, para medir con exactitud, deja el zoom al 100 % y cierra el panel.
• Con varios monitores, la disposición y los nombres de todos ellos solo aparecen si concedes el permiso en Chrome o Edge. Sin permiso, la posición de la barra de tareas en el plano es aproximada.
• No se puede conocer el tamaño exacto de los bordes de la ventana ni de las barras de herramientas, así que el plano dibuja el área visible dentro de la ventana suponiendo bordes iguales a ambos lados.
• Los valores de CPU, memoria y gráficos los reducen o los ocultan los navegadores para impedir el rastreo por huella digital. Comprueba las especificaciones exactas en el sistema operativo.
• Los navegadores con una configuración de privacidad estricta pueden alterar a propósito el tamaño de pantalla y los valores del dispositivo que informan.

Fecha de referencia Los nombres de los menús de ajustes y los documentos de origen se comprobaron el 2026-11-01. Los nombres de los menús y los valores que se informan pueden cambiar cuando se actualizan los sistemas operativos y los navegadores.

Fuentes

• 01MDN: Window.devicePixelRatioProporción entre píxeles reales y píxeles CSS; el zoom de página cambia el valor y el zoom con pellizco no
• 02MDN: Screen.availHeight (en inglés)El tamaño de pantalla está en píxeles CSS; el área útil excluye el Dock, la barra de menús y la barra de tareas
• 03W3C: CSS Values and Units Level 4 (en inglés)1 px = 1/96 de pulgada, el píxel de referencia de una pantalla de 96 ppp vista a la distancia del brazo
• 04MDN: Window.innerWidthEl ancho del área visible incluye el ancho de la barra de desplazamiento vertical
• 05W3C: CSS Color Module Level 4 (en inglés)Coordenadas del rojo, verde y azul de los espacios de color sRGB, display-p3 y rec2020
• 06MDN: funciones de medios dynamic-range y color-gamutConsultas de medios que informan del alto rango dinámico (HDR) y de las gamas sRGB, P3 y Rec. 2020
• 07W3C: CSSOM View (en inglés)Devuelve 24 cuando la profundidad de color se desconoce o se oculta
• 08MDN: Window.getScreenDetails() (en inglés)Disposición, nombres e indicador de monitor principal de varios monitores; permiso window-management; desde Chrome 100
• 09Microsoft Learn: Detect Windows 11 using User-Agent Client Hints (en inglés)platformVersion con versión principal 13 o superior = Windows 11, de 1 a 10 = Windows 10
• 10Chromium: User-Agent Reduction (en inglés)Cadena UA fijada en macOS 10_15_7, Windows NT 10.0 y el modelo de dispositivo Android K
• 11WebKit Bugzilla 298473 (en inglés)Safari fija de forma permanente la versión de iOS del UA en 18.6 (18.6.2) para reducir el rastreo por huella digital
• 12MDN: Navigator.deviceMemoryMemoria redondeada a una potencia de 2, con límites superior e inferior que decide la implementación (de 2 a 32 GB desde Chrome 147)
• 13MDN: WEBGL_debug_renderer_infoNombre del chip gráfico, bloqueado o reducido según la configuración de privacidad
• 14Código de WebKit: NavigatorBase.cpp (en inglés)Informa del número de núcleos solo como 4 u 8 para reducir el rastreo por huella digital
• 15W3C: Mitigating Browser Fingerprinting in Web Specifications (en inglés)El tamaño de la ventana y las características del dispositivo pueden usarse para el rastreo por huella digital del navegador
• 16Soporte de Microsoft: Cambiar la resolución de pantalla y el diseño en WindowsResolución de pantalla, indicación Recomendado y rutas de Escala (Windows 11 y 10)
• 17Soporte de Microsoft: Configuración de HDR en WindowsInterruptor HDR en la configuración de pantalla; en Windows 10, Configuración de Windows HD Color
• 18Soporte de Microsoft: Buscar información sobre el dispositivo WindowsProcesador y RAM instalada en Configuración > Sistema > Acerca de, Especificaciones del dispositivo
• 19Microsoft: How to check your GPU (en inglés)Task Manager > Performance > GPU, con el nombre del chip gráfico arriba a la derecha
• 20Guía del usuario del Mac: Cambiar la resolución de la pantallaElegir la resolución en Ajustes del Sistema > Pantallas; Mostrar lista
• 21Guía del usuario del Mac: Ver los ajustes de InformaciónChip, memoria y pantallas en Ajustes del Sistema > General > Información; Informe del sistema
• 22Guía del usuario del iPhone: Ajustar la pantalla y el tamaño del textoAspecto > Zoom de pantalla > Texto más grande
• 23Samsung EE. UU.: Change the screen resolution on your Galaxy phone (en inglés)Settings > Display > Screen resolution (HD+, FHD+, QHD+), Screen zoom; el menú varía según el modelo
• 24Ayuda de Teléfono Pixel: Gestionar los ajustes de pantallaPantalla y ajustes táctiles > Tamaño de visualización y del texto
• 25Ayuda de Chrome: Combinaciones de teclas de ChromeCtrl + 0 (⌘ + 0 en Mac) = restaurar el tamaño predeterminado de todo el contenido de la página
• 26Ayuda de Firefox: Tamaño de fuente y zoomAl pulsar el porcentaje de zoom de la barra de direcciones se restablece el nivel de zoom predeterminado

Preguntas frecuentes

Herramientas para usar junto con esta