Resolución de pantalla

Cómo usar esta herramienta

1. Abre la página: todos los valores aparecen al momento, leídos de tu navegador.
2. Cambia el tamaño de la ventana, gira el móvil o la tableta, o arrastra la ventana a otro monitor. Los valores se actualizan en directo.
3. Pulsa Copiar como texto para copiar todos los valores como una lista en texto plano, muy útil para un informe de error o una consulta al soporte técnico.

Qué significa cada valor

Resolución de pantalla (píxeles CSS) es el tamaño de toda tu pantalla tal como la ven las páginas web. En un monitor normal con el escalado al 100 %, coincide con la resolución real del monitor. En pantallas de alta densidad es menor: un portátil con un panel de 2880 × 1800 y escalado al 200 % indica 1440 × 900.

Píxeles físicos (estimación) es la resolución de pantalla multiplicada por la relación de píxeles del dispositivo. Suele ser la resolución nativa del panel, y la herramienta nombra las más comunes, como Full HD (1080p), QHD (1440p) o 4K UHD.

Relación de píxeles del dispositivo (device pixel ratio) es el número de píxeles físicos que forman un píxel CSS. Un valor de 1 corresponde a un monitor clásico; 1,25 o 1,5 es habitual en portátiles con Windows que usan escalado de pantalla; 2 es típico de los Mac con pantalla Retina, y 3, de muchos móviles. El zoom del navegador también lo modifica.

Viewport (área de la página) es la parte de la ventana donde se dibuja la página, sin las barras de herramientas ni las pestañas. Es el tamaño en el que se fijan los diseñadores web con los diseños adaptables y las media queries.

Pantalla disponible es la pantalla sin las zonas fijas del sistema, como la barra de tareas de Windows o la barra de menús y el Dock de macOS. Ventana del navegador es el tamaño exterior de la ventana, con su marco y sus barras.

Relación de aspecto es la forma de la pantalla, como 16:9, 16:10 o 21:9 ultrapanorámica. Orientación indica si la pantalla está en horizontal o en vertical, con el ángulo de giro cuando el navegador lo proporciona.

Profundidad de color es el número de bits por píxel: 24 bits son 8 bits por canal, y 30 bits son 10 bits por canal. Gama de colores muestra la gama más amplia que, según el navegador, cubre la pantalla: sRGB, Display P3 o Rec. 2020. Pantalla HDR indica si el navegador detecta una pantalla de alto rango dinámico. Zoom táctil muestra el nivel de ampliación cuando haces zoom con dos dedos en una pantalla táctil.

Por qué las cifras pueden sorprenderte

Las páginas web nunca ven directamente el hardware real. Los sistemas operativos lo escalan todo para que el texto se lea bien en pantallas densas, así que un monitor 4K con escalado al 150 % le parece al navegador una pantalla de 2560 × 1440. La fila Píxeles físicos (estimación) deshace ese cálculo. Es exacta con el zoom del navegador al 100 %, pero cada navegador gestiona el zoom a su manera, así que restablécelo con Ctrl+0 o Cmd+0 antes de fiarte de ella. En los móviles, el resultado puede diferir en unos pocos píxeles de la resolución anunciada por el redondeo.

Si usas varios monitores, los valores describen aquel en el que está ahora la ventana del navegador.