Verificador de Resolución de Pantalla
Consulta en tiempo real la resolución de tu pantalla, el área disponible, el tamaño de la ventana del navegador (viewport), la densidad de píxeles, la proporción, la orientación y el breakpoint — y míralos actualizarse al instante mientras redimensionas la ventana.
Resolución de pantalla
—
Área disponible
—
Tamaño del viewport
—
Redimensiona la ventana del navegador o gira tu dispositivo y cada valor se actualiza en tiempo real. Todo se lee localmente — no se envía nada a ninguna parte.
El Verificador de Resolución de Pantalla de ToolsSoup es una lectura en tiempo real de las dimensiones de tu pantalla y de tu navegador. Muestra la resolución completa de la pantalla junto al área disponible y al tamaño actual del viewport del navegador, uno al lado del otro, y luego desglosa la densidad de píxeles, la resolución física real en píxeles del dispositivo, la proporción, la orientación y en qué breakpoint responsivo cae tu viewport. Cada número se actualiza al instante cuando redimensionas la ventana o giras el dispositivo, y todo se ejecuta localmente en tu navegador.
¿Qué es el Verificador de Resolución de Pantalla?
Es un verificador de pantalla en vivo que lee las dimensiones de tu monitor y del viewport mediante las APIs screen y window del navegador y las muestra a medida que cambian. La resolución de pantalla es el tamaño completo de tu monitor en píxeles CSS; el área disponible es la pantalla menos las barras del sistema, como la barra de tareas o el dock; el tamaño del viewport es el área visible dentro de la ventana del navegador. También deriva la densidad de píxeles, la resolución física (píxeles CSS multiplicados por la densidad de píxeles), la proporción simplificada, la orientación y la categoría de breakpoint del ancho actual del viewport.
Cómo comprobar la resolución de tu pantalla
No hay nada que escribir — los valores aparecen automáticamente y se mantienen en vivo:
- Abre la herramienta y la resolución de pantalla, el área disponible y el tamaño del viewport se cargan al instante en las tres tarjetas superiores.
- Lee las filas de detalle de abajo para la densidad de píxeles, la resolución física, la proporción, la orientación y el breakpoint.
- Redimensiona la ventana del navegador o gira tu dispositivo y observa cómo cada valor se actualiza en tiempo real, y usa Copiar todo para copiar el informe completo.
Resolución de pantalla vs tamaño del viewport
La resolución de pantalla es el tamaño de todo tu monitor, el mismo valor para cualquier sitio que visites. El tamaño del viewport es solo el área que tu página web puede usar realmente — se reduce cuando la ventana no está maximizada, cuando las herramientas de desarrollo están acopladas o cuando las barras del navegador y las barras de desplazamiento ocupan espacio. Los diseñadores prueban contra el viewport porque es a él que reacciona el diseño responsivo, mientras que la resolución de pantalla permanece fija sin importar el tamaño de la ventana.
¿Por qué usar este verificador de resolución de pantalla?
- Muestra la resolución de pantalla, el área disponible y el tamaño del viewport del navegador uno al lado del otro para que la diferencia sea evidente.
- Se actualiza en vivo a medida que redimensionas la ventana o giras el dispositivo — sin recargar ni pulsar ningún botón.
- Calcula la resolución física real a partir de los píxeles CSS y de la densidad de píxeles para pantallas de alta densidad y Retina.
- Indica la proporción simplificada, la orientación vertical/horizontal y el breakpoint móvil/tablet/escritorio en que cae tu viewport.
- Se ejecuta por completo en tu navegador — no se sube, registra ni almacena nada.
Preguntas frecuentes
¿Cuál es la diferencia entre resolución de pantalla y tamaño del viewport?
La resolución de pantalla es el tamaño total en píxeles de tu monitor y nunca cambia mientras navegas. El tamaño del viewport es el área dentro de la ventana del navegador en la que se renderiza tu página; se hace más pequeño cuando la ventana no está maximizada o cuando las herramientas de desarrollo acopladas, las barras de desplazamiento y las barras de herramientas ocupan espacio. Los diseños responsivos reaccionan al viewport, no a la pantalla.
¿Por qué mi resolución física es mayor que la resolución de pantalla informada?
En pantallas de alta densidad y Retina, el navegador informa píxeles CSS, no píxeles físicos del dispositivo. La herramienta multiplica la resolución CSS por tu densidad de píxeles para estimar la resolución física, así que una pantalla CSS de 1512 × 982 con una densidad de píxeles de 2 tiene aproximadamente 3024 × 1964 píxeles físicos.
¿Cambian los valores cuando redimensiono el navegador?
Sí. El tamaño del viewport, la proporción, la orientación y el breakpoint están ligados a la ventana del navegador, así que se actualizan en vivo cada vez que la redimensionas o giras el dispositivo. La resolución de pantalla y el área disponible reflejan todo el monitor y solo cambian si cambias de pantalla o modificas la configuración de pantalla de tu sistema.
¿En qué se diferencia de la herramienta Información del Navegador?
La herramienta Información del Navegador lista muchos detalles estáticos del entorno — user agent, sistema operativo, zona horaria, etc. — incluyendo una sola fila de pantalla y de viewport. Esta herramienta se centra solo en las dimensiones de pantalla, las muestra de forma destacada una al lado de la otra, deriva la proporción, la orientación, la resolución física y el breakpoint, y mantiene cada valor en vivo mientras redimensionas.