Saltar al contenido
SPCXTools

Resolución de pantalla

Consulta al instante la resolución de tu pantalla, el tamaño del viewport, el ratio de píxeles y otros detalles de tu pantalla.

Funciona en local: los archivos no salen de tu dispositivo

Cargando herramienta…

Cómo usar Resolución de pantalla

  1. 1Abre la página: la resolución de tu pantalla se mostrará inmediatamente en la parte superior.
  2. 2Consulta los detalles a continuación: resolución CSS, ratio de píxeles del dispositivo, tamaño del viewport, relación de aspecto, profundidad de color y más.
  3. 3Cambia el tamaño de la ventana del navegador o gira tu dispositivo; los valores se actualizarán en tiempo real.
  4. 4Haz clic en Copiar para compartir todos los detalles, por ejemplo, en un informe de errores.

¿Cuál es la resolución de mi pantalla?

La resolución de tu pantalla es el número de píxeles que muestra tu monitor en horizontal y vertical, como 1920 × 1080. Esta herramienta la detecta al instante, junto con los detalles que los diseñadores web, desarrolladores y equipos de soporte suelen necesitar: la resolución CSS, el ratio de píxeles del dispositivo, el tamaño del viewport del navegador, el espacio de pantalla disponible, la relación de aspecto, la profundidad de color, la gama de colores y la compatibilidad con HDR. Toda la información se obtiene localmente desde tu navegador.

Entendiendo los datos

La resolución física es el número real de píxeles del panel (en la mayoría de los casos). Es la que anuncian los fabricantes, por ejemplo, 2560 × 1440.

Los píxeles CSS son las unidades lógicas que utilizan los sitios web. Cuando tu sistema escala la pantalla (por ejemplo, al 200 % en una pantalla Retina), un píxel CSS cubre varios píxeles físicos, por lo que el texto mantiene un tamaño legible y se ve más nítido.

El ratio de píxeles del dispositivo conecta los dos anteriores: píxeles físicos = píxeles CSS × DPR.

El viewport es el área visible de la página dentro del navegador. Cambia cada vez que modificas el tamaño de la ventana, abres las herramientas de desarrollador o muestras la barra de marcadores.

Resoluciones de pantalla comunes

Nombre Resolución Relación de aspecto
HD (720p) 1280 × 720 16:9
Full HD (1080p) 1920 × 1080 16:9
WUXGA 1920 × 1200 16:10
QHD (1440p) 2560 × 1440 16:9
UWQHD (ultrawide) 3440 × 1440 21:9
4K UHD 3840 × 2160 16:9
5K 5120 × 2880 16:9

¿Quién necesita esta información?

Los diseñadores y desarrolladores web prueban los diseños adaptables (responsive) con tamaños de viewport y ratios de píxeles reales, y los necesitan para reproducir los informes de errores de los visitantes.

Los equipos de soporte e informática piden los detalles de la pantalla para solucionar problemas de visualización o de diseño. Utiliza el botón Copiar para enviar toda la información de una vez.

Los gamers y creadores de contenido confirman que un nuevo monitor funciona a su resolución nativa en lugar de en un modo escalado o inferior.

Cualquier persona que compre fondos de pantalla, capturas de pantalla o presentaciones puede ajustar las imágenes al tamaño exacto de su pantalla para obtener el resultado más nítido.

Comprueba la velocidad de actualización de tu pantalla con el Test de frecuencia de refresco o busca píxeles defectuosos con el Test de píxeles muertos.

Preguntas frecuentes

¿Por qué la resolución es diferente a la especificación de mi monitor?
Los sistemas operativos a menudo escalan la interfaz. Un monitor de 3840 × 2160 (4K) con un escalado del 150 % informa a los sitios web de una resolución "CSS" de 2560 × 1440, con un ratio de píxeles del dispositivo de 1.5. La Resolución de pantalla en la parte superior los multiplica para obtener los píxeles físicos. El zoom del navegador también cambia el ratio de píxeles, así que restablece el zoom al 100 % (Ctrl/Cmd + 0) para obtener resultados precisos.
¿Qué es el ratio de píxeles del dispositivo (DPR)?
El DPR es el número de píxeles físicos por cada píxel CSS. Un monitor estándar tiene un DPR de 1; los Mac con pantalla Retina y la mayoría de los móviles tienen 2 o 3. Las pantallas con un DPR alto muestran texto e imágenes más nítidos porque cada píxel CSS se dibuja con varios píxeles físicos.
¿Qué es el viewport y por qué es importante?
El viewport es el área dentro de la ventana del navegador donde se muestran las páginas web, excluyendo las barras de herramientas y las pestañas. Los diseñadores web lo utilizan (no el tamaño completo de la pantalla) para los diseños adaptables (responsive), por lo que es el dato más útil al informar sobre cómo se ve un sitio web en tu dispositivo.
¿Qué significa el tamaño de pantalla "disponible"?
Es el área de la pantalla menos los elementos permanentes del sistema operativo, como la barra de tareas de Windows o la barra de menús y el Dock de macOS; es el tamaño más grande que puede tener una ventana sin superponerlos.
¿Son precisos los datos de HDR y gama de colores?
Refleja lo que el navegador informa a través de las media queries de CSS. El HDR se muestra como compatible cuando la pantalla y el sistema operativo están en modo HDR; la gama de colores amplia (Display P3) es común en los dispositivos de Apple y en teléfonos y monitores recientes.