¿Cuál es el tamaño de mi pantalla?
Descubre instantáneamente la resolución de tu pantalla, las dimensiones del viewport y la información detallada de la pantalla.
Comprendiendo el tamaño y la resolución de la pantalla
El tamaño y la resolución de la pantalla son aspectos fundamentales de tu pantalla que afectan desde la claridad de la imagen hasta la cantidad de contenido que cabe en la pantalla. Comprender estas especificaciones te ayuda a optimizar tu espacio de trabajo y elegir la configuración adecuada.
Conceptos clave de la pantalla
- Resolución de pantalla: el número total de píxeles que puede mostrar tu pantalla, expresado como ancho × alto (p. ej., 1920 × 1080). Una mayor resolución significa más píxeles e imágenes más nítidas.
- Tamaño del viewport: el área visible de la ventana del navegador donde se muestra el contenido web. Es más pequeño que la resolución de la pantalla debido al chrome del navegador, las barras de herramientas y la barra de tareas.
- Relación de píxeles del dispositivo (DPR): la relación entre los píxeles físicos y los CSS. Un DPR de 2× (común en pantallas Retina) significa 4 píxeles físicos por cada píxel CSS, lo que produce texto e imágenes más nítidos.
- Relación de aspecto: la relación proporcional entre el ancho y el alto. Las proporciones comunes incluyen 16:9 (pantalla panorámica), 16:10 (productividad) y 21:9 (ultrawide).
- Profundidad de color: el número de bits utilizados para representar el color de cada píxel. 24 bits (8 bits por canal) proporciona 16.7 millones de colores. 30 bits añade capacidad HDR.
Resoluciones de pantalla comunes
- 1366 × 768 (HD): portátiles económicos y monitores antiguos
- 1920 × 1080 (Completo HD): la resolución de escritorio y portátil más común
- 2560 × 1440 (QHD): monitores de gaming y portátiles de gama alta
- 3840 × 2160 (4K UHD): pantallas de gama alta y trabajo profesional
- 5120 × 2880 (5K): pantallas profesionales creativas
- 3440 × 1440 (UWQHD): productividad y gaming ultrawide
Preguntas frecuentes
¿Por qué mi viewport es más pequeño que mi resolución de pantalla?
Tu viewport es el área visible dentro de la ventana del navegador. La diferencia proviene de los elementos de la interfaz del navegador (barra de direcciones, pestañas, barra de marcadores), la barra de tareas del sistema operativo y cualquier herramienta de desarrollador que pueda estar abierta.
¿Qué significa la relación de píxeles del dispositivo?
DPR te dice cuántos píxeles físicos corresponden a un píxel CSS. Un DPR de 2× (como Apple Retina) significa que cada píxel CSS se renderiza usando una cuadrícula de 2×2 de píxeles físicos, lo que resulta en texto e imágenes más nítidos.
¿Por qué mi monitor 4K muestra 1920×1080?
Tu sistema operativo puede estar usando escalado de pantalla (por ejemplo, 200%). La resolución CSS reportada es 1920×1080, pero con un DPR de 2×, los píxeles físicos reales son 3840×2160. Comprueba el valor de "Píxeles físicos" arriba para ver tu resolución real.
¿Funciona en móviles?
¡Sí! Todos los valores se detectan desde el navegador de tu dispositivo. En móviles, verás la resolución lógica de tu dispositivo y el DPR, que suele ser 2× o 3× en los teléfonos modernos.