Resolución de pantalla y profundidad de color en los dispositivos de mano

Si eres nuevo en la creación de imágenes, vídeos y otros contenidos multimedia para la web móvil, la comprensión de los conceptos detrás de términos como profundidad del color

y resolución puede ayudar a usted como empezar a crear diseños de sitios móviles. Profundidad del color se refiere al número de colores de una pantalla puede mostrar, más comúnmente conocido por el número de pedacitos.

Resolución de la pantalla

De la mano de la profundidad de color, resolución de la pantalla afecta a la forma nítida y imágenes reales aparecen. Como era de esperar, las resoluciones de pantalla en los dispositivos móviles son ni mucho menos tan grande como lo son en las computadoras de escritorio o portátiles.

La mayoría de los nuevos monitores LCD o pantallas de portátiles tienen resoluciones de al menos 1920 x 1080 píxeles, y muestra más caros son aún mayores.

El iPhone es muy pequeña en comparación. La pantalla iPhone original (desde el iPhone 1 al 3GS) es de 480 x 320 píxeles, lo que le permite jugar la gran mayoría de los vídeos en YouTube en una resolución que hace que se vean razonablemente nítidas en la pantalla, pero no se acerca a lo que la mayoría de los consumidores esperan de una pantalla de televisión.

En contraste, el iPad ofrece una pantalla de alta resolución que es de 1024 x 768, más que suficiente para hacer ver vídeos en el iPad una experiencia agradable. Mientras se prepara tus imágenes y vídeos, considere las diferentes resoluciones de pantalla del iPhone y el iPad.

Píxeles por pulgada

Otro factor importante es el número de píxeles por pulgada (ppi) en una imagen o un vídeo. La mayoría de los monitores de ordenador muestran imágenes a 72 PPI más nuevos modelos de pantalla 92 ppi. El iPad muestra 132 ppp y el iPhone 4 tiene una resolución de 326 ppi. Recuerde que mientras más píxeles por pulgada, más detalles en la imagen y el mejor parece.

La razón de que la pantalla del iPhone 4 se ha ganado tanto la atención es que sus imágenes son tan nítidas y claras que el ojo humano puede detectar. Una imagen de alta resolución en una pantalla de iPhone, probablemente, se ve mejor que la mayoría de las otras imágenes que jamás hayas visto en una pantalla digital.

Los píxeles por pulgada (ppi) de medición es diferente de puntos por pulgada (dpi), que es una forma común para medir la resolución de impresión, porque la calidad de la impresora se mide en puntos por pulgada. Píxeles por pulgada se utiliza como una medida de la resolución de una pantalla de ordenador.

Los investigadores generalmente están de acuerdo que el ojo humano promedio puede discernir, a una distancia de un pie, las mejoras en la calidad a lo más 300 ppi. Es decir, si aumenta el número de píxeles por pulgada a una distancia normal de lectura superior a 300 ppi (como con pantalla retina del iPhone 4), el ojo no puede detectar cualquier aumento de la calidad.

En teoría, eso significa que usted debe optimizar sus imágenes a 300 ppp, pero en la práctica que crea este tipo de archivos de gran tamaño que tomarían un prohibitivamente mucho tiempo para descargar, especialmente a través de una conexión móvil.

Quizá sea el momento para aumentar el ppi recomendado para gráficos web - que siempre ha sido 72 ppi, porque eso es lo único que se podría ver en un monitor de ordenador de todos modos. Pero en estos días, con cada vez más altas resoluciones de monitor, debe aumentar sus imágenes para al menos 92 ppi y 132 ppi si las imágenes son una parte clave de su diseño web y usted sabe sus visitantes utilizan conexiones de alta velocidad.