Resolución de la pantalla
Contenidos
La compra de un nuevo dispositivo puede resultar abrumadora. Pero si eres una persona que valora una pantalla nítida, la resolución va a ser una consideración importante. Esto es lo que debes saber sobre la resolución QHD y cómo se compara con otras opciones de resolución en el mercado.
¿Qué es la QHD? La alta definición cuádruple (QHD) es la resolución estándar de algunos dispositivos de gama alta como ordenadores portátiles, televisores y teléfonos. Tiene una resolución de pantalla de 2560 x 1440 píxeles -o sea, cuatro veces la de 720p, de ahí el nombre- en una relación de aspecto de 16:9. También puede ver WQHD al buscar dispositivos (que significa “wide quad high definition”). QHD y WQHD son en realidad lo mismo. La “W” suele indicar que tiene una relación de aspecto de 16:9, ya que puede ser un punto de venta para los fabricantes, a pesar de que la relación de aspecto ya es una característica de QHD. La QHD también se denomina a veces 2K o 1440p por razones de marketing. Una pantalla QHD ultrawide amplía los píxeles horizontales a 3440 y tiene una relación de aspecto de 21:9.
QHD vs HD vs 4kSi estás buscando un nuevo dispositivo, vale la pena saber qué tipo de resolución quieres: HD, QHD o 4K.En comparación con la HD normal, la QHD es más nítida y ofrece más píxeles por pulgada cuadrada (2560 x 1440p frente a los 1920 x 1080p de la HD). Por ello, también se adapta mejor a los monitores más grandes, lo que permite hacer cosas como tener más ventanas abiertas en la pantalla a la vez. Sin embargo, también consumirá más batería si utilizas un dispositivo móvil, por lo que tendrás que tomar una decisión al respecto.
¿Es 1920×1080 el número de píxeles?
Un televisor de alta definición con resolución 1080p está compuesto por dos millones de píxeles (1920 x 1080), mientras que un televisor 4K (también conocido como de ultra alta definición) tiene más de ocho millones de píxeles (3840 x 2160). Por lo tanto, el 4K tiene alrededor de cuatro veces más resolución que el 1080p y produce una imagen más clara.
¿Qué es la resolución de pantalla de 1920×1080?
Por ejemplo, 1920×1080, la resolución de pantalla de escritorio más común, significa que la pantalla muestra 1920 píxeles en horizontal y 1080 píxeles en vertical. Las pantallas de alta resolución muestran más píxeles (y, por tanto, más elementos en la página web) que las de menor resolución.
Cómo saber el tamaño de la pantalla del portátil
Los números anteriores representan el tamaño de la ventana gráfica de tu pantalla actual, que es el área de visualización visible de tu pantalla. Suele ser ligeramente inferior a la resolución de la pantalla. Una ventana gráfica de diseño web se define como un área rectangular (medida en píxeles) que se muestra en la pantalla y que determina cómo se organiza el contenido y por dónde hay que desplazarse a través de las envolturas de texto o ventanas para ver la página web completa.
En la mayoría de los dispositivos, la resolución/tamaño de la pantalla es la misma que el tamaño de la ventana gráfica. Esto es cierto para la mayoría de los ordenadores de sobremesa y portátiles, pero casi nunca lo es para los dispositivos móviles y las tabletas. Muchos navegadores de teléfonos escalan las páginas web a un ancho de pantalla mayor para ponerlas en la pantalla. Esto se llama a veces modo de visión general. Estos navegadores permiten al usuario acercarse y alejarse de las páginas para ver lo que quiere. Por ejemplo, mientras que el ancho de pantalla de un dispositivo puede ser de 320px, la ventana gráfica puede tener 980px de ancho. En este caso, una página web diseñada para 980px o menos cabrá en toda la pantalla. Yo suelo utilizar 1000px y 690px como puntos de ruptura principales en los sitios web que diseño, ya que parecen cubrir mucho terreno para la mayoría de los dispositivos modernos.
Tamaño de la pantalla en píxeles
Para detectar la resolución nativa de la pantalla de un dispositivo móvil (por ejemplo, la pantalla retina) hay que multiplicar la anchura y la altura de la pantalla por el ratio de píxeles del dispositivo, como window.screen.width * window.devicePixelRatio y window.screen.height * window.devicePixelRatio.
El ratio de píxeles del dispositivo indica al navegador cuántos píxeles reales de la pantalla del dispositivo deben utilizarse para dibujar un solo píxel CSS. También puede utilizar el siguiente ejemplo para encontrar las resoluciones de pantalla de los ordenadores de sobremesa. Las pantallas de los ordenadores de sobremesa suelen tener una relación de píxeles del dispositivo de 1:
Cómo saber mi modelo de pantalla
En el caso de las imágenes que se muestran en la pantalla, una mayor resolución no equivale a una mayor claridad, como ocurre con las imágenes impresas. En el caso de las imágenes en pantalla, la resolución significa simplemente el tamaño. Si la resolución es mayor, las dimensiones de la imagen serán mayores. Las imágenes más grandes pueden parecer más claras, pero hay una contrapartida en el espacio de la pantalla. Aunque las imágenes muy pequeñas a menudo se ven “borrosas” cuando se ven a mayor escala, la diferencia de calidad a medida que las imágenes se hacen más grandes apenas se nota cuando se ven a sus tamaños previstos.
Cuando se trabaja con imágenes y resolución de pantalla se habla de píxeles. Los píxeles son simplemente bloques de color dispuestos en una cuadrícula. La cuadrícula forma la imagen que se está viendo. Tanto una pantalla como una imagen pueden medirse en píxeles. Usamos el término ppi o píxeles por pulgada. Esto especifica cuántos píxeles representan una pulgada lineal de una imagen o pantalla de monitor.
Al escanear una fotografía de 3×5 pulgadas a 100 píxeles por pulgada, la imagen resultante se convierte en 300×500 píxeles porque cada pulgada está representada por 100 píxeles distintos. Si se escanea una imagen a una resolución más alta, la imagen resultante será más grande. Por ejemplo, al escanear la misma fotografía de 3×5 pulgadas a 200 píxeles por pulgada, la imagen resultante se convierte en 600×1000 píxeles porque cada pulgada de la imagen está representada por 200 píxeles.
