Resolución de pantalla: píxeles, proporción y frecuencia

Cómo se usa

Lea Pantalla (píxeles CSS): el tamaño de toda la pantalla, tal como lo cuenta el navegador.
Compare Pantalla (píxeles físicos) con la cifra de la caja de su pantalla o de los ajustes del sistema. Es el tamaño CSS por la Proporción de píxeles del dispositivo.
Revise Pantalla HDR y Frecuencia de refresco. Pulse Medir de nuevo con esta pestaña delante, y cierre los otros programas que usan la pantalla.

Píxeles CSS y píxeles físicos

Un sitio web mide la pantalla en píxeles CSS, una unidad de la página y no del panel. En una pantalla de alta densidad, un píxel CSS se dibuja con varios píxeles físicos: la proporción de píxeles del dispositivo indica cuántos hay en cada lado. Un teléfono con 390 píxeles CSS de anchura y una proporción de 3 tiene 1170 píxeles físicos a lo ancho.

La ventana del navegador es más pequeña que la pantalla cuando no está maximizada. Su tamaño cambia en directo al redimensionarla, y cambia también al hacer zoom, porque el zoom cambia el número de píxeles CSS que caben.

Proporción de imagen, profundidad de color y HDR

La proporción de imagen es la anchura dividida entre la altura, reducida a una fracción: 1920 por 1080 es 16:9. Las pantallas comunes tienen nombres: 16:9 y 16:10 son panorámicas, 4:3 es el estándar antiguo, y 21:9 y 32:9 son ultrapanorámicas. Cuando la fracción tiene términos grandes, la página muestra la proporción común más cercana, marcada como aproximada.

La profundidad de color es el número de bits que se usan para cada píxel. Con 24 bits una pantalla puede mostrar 16.777.216 colores. HDR significa que la pantalla puede mostrar un rango más amplio de brillo y color; la página indica si su navegador dice que tiene una pantalla así, usando la característica de medios CSS dynamic-range.

La frecuencia de refresco

La frecuencia de refresco es cuántas veces por segundo se vuelve a dibujar la pantalla: 60 Hz es lo habitual, y 120 Hz o 144 Hz en juegos y pantallas más nuevas. La página cuenta los fotogramas de animación que dibuja el navegador durante un segundo y toma la separación típica entre ellos, así que unos pocos fotogramas perdidos no cambian la respuesta. Los navegadores no dan la frecuencia del panel directamente, así que esto es una medición.

Ejemplo: un portátil 1080p con escala del 125 %

Un panel de portátil de 1920 por 1080 píxeles con escala de Windows al 125 % da una proporción de píxeles del dispositivo de 1,25. El navegador informa entonces de una pantalla de 1536 por 864 píxeles CSS, y el tamaño físico vuelve a ser 1920 por 1080.

Las cifras de abajo son lo que muestra la página en ese caso: la proporción de imagen es 16:9 y la pantalla tiene unos 1,3 megapíxeles en términos CSS.

Medida	Valor
Pantalla (píxeles CSS)	1536 × 864
Pantalla (píxeles físicos)	1920 × 1080
Proporción de píxeles del dispositivo	1,25
Proporción de imagen	16:9 · panorámica
Megapíxeles	1,3

Preguntas frecuentes

¿Cuál es la diferencia entre píxeles CSS y físicos?

Los píxeles físicos son los puntos del panel. Los píxeles CSS son la unidad que usa una página web, que el navegador asigna a los píxeles físicos según la proporción de píxeles del dispositivo. En una pantalla de alta densidad, el tamaño CSS es menor que el físico.

¿Por qué mi navegador dice que mi pantalla tiene 1536 píxeles de anchura en una pantalla de 1920?

La escala de Windows hace que la pantalla parezca más grande, así que tiene menos píxeles CSS. Con una escala del 125 %, 1920 píxeles físicos son 1536 píxeles CSS; el tamaño físico sigue siendo 1920.

¿Cuál es una buena frecuencia de refresco?

60 Hz es la velocidad habitual para el trabajo de oficina y de vídeo. Las frecuencias más altas, como 120 Hz o 144 Hz, hacen que el movimiento se vea más fluido en juegos y al desplazarse, y muchos teléfonos cambian de frecuencia para ahorrar batería.

¿Por qué HDR aparece como No en mi monitor HDR?

El navegador informa de HDR solo cuando el sistema operativo y la pantalla lo activan para el navegador, así que un monitor HDR puede mostrar No cuando HDR está desactivado en los ajustes de Windows o de macOS.

¿Puede esta página ver el modelo de mi monitor?

No. Lee solo las cifras que da el navegador: tamaño, proporción de píxeles, profundidad de color, orientación y el indicador HDR. Las páginas web no tienen acceso a los nombres de modelo ni a los números de serie.

¿Se envía algo sobre mi pantalla a un servidor?

No. Cada cifra se lee y se mide en su navegador, y nada se envía a nadie ni se guarda.

Fuentes

Cifras y texto revisados por última vez el martes, 10 de noviembre de 2026.