Los números grandes de arriba son la resolución de tu pantalla tal como la reporta tu navegador, junto con los datos que desarrolladores y diseñadores realmente necesitan: el tamaño del viewport del navegador, la relación de píxeles del dispositivo (cuántos píxeles físicos se esconden detrás de cada píxel CSS), tu relación de aspecto y la profundidad de color. Redimensiona la ventana y los valores se actualizan en vivo.
Ten en cuenta que en celulares y laptops de alta densidad la resolución CSS difiere de la resolución de marketing: una laptop "4K" suele reportar 1920×1080 píxeles CSS con una relación de píxeles de 2; ambos números se muestran aquí.
Para qué lo usa la gente
Desarrollo web
Comprueba de un vistazo el viewport real y la relación de píxeles de cualquier dispositivo de prueba: los números que de verdad ven las media queries de CSS.
Soporte y ayuda remota
Pídele a un usuario que abra esta página y lea los números en voz alta: más rápido y más preciso que guiarlo por la configuración del sistema.
Verificación de pantalla
Confirma que un monitor esté corriendo de verdad a su resolución nativa: una causa sorprendentemente común de pantallas borrosas tras cambiar cables o controladores.
Preguntas frecuentes
¿Por qué mi pantalla 4K muestra 1920×1080?
Tu sistema usa escalado de pantalla. El navegador reporta píxeles CSS; multiplícalos por la relación de píxeles del dispositivo mostrada aquí para obtener los físicos: 1920×1080 con relación 2 es exactamente 3840×2160.
¿Qué es la relación de píxeles del dispositivo?
El número de píxeles físicos de pantalla por cada píxel CSS. La relación 1 es un monitor clásico, la 2 es Retina/HiDPI, y los celulares suelen ir de 2,5 a 4.
¿Qué significa la relación de aspecto (por ejemplo 1,78)?
La relación de aspecto es el ancho de tu pantalla dividido por su alto. 1,78 es la forma decimal de 16:9, la forma panorámica estándar; 1,60 es 16:10, y los monitores ultrapanorámicos muestran alrededor de 2,33 (21:9). Te dice la forma del display, independientemente de cuántos píxeles tenga.
¿Qué es la profundidad de color (24 bits)?
La profundidad de color es cuántos bits se usan para describir el color de cada píxel. 24 bits significa 8 bits para cada uno de rojo, verde y azul: unos 16,7 millones de colores, el estándar de casi toda pantalla moderna. Los 30 bits (10 por canal) los usan algunas pantallas HDR y profesionales para gradientes más suaves.
¿Por qué mi viewport es más pequeño que mi pantalla?
El viewport es solo el área que el navegador deja para la página web, así que casi siempre es más pequeño que la pantalla completa: las pestañas, la barra de direcciones y los marcadores ocupan espacio arriba, la barra de tareas o el dock del sistema ocupan más, y la ventana puede no estar maximizada. Maximiza la ventana o pulsa F11 para pantalla completa y el viewport crece hacia el tamaño de pantalla CSS.
¿Esta página envía mis datos a algún lado?
No: los valores los lee y muestra localmente tu propio navegador. Nada se transmite ni se almacena.