los ensayos

2

















Pantalla De Retina

Steve Jobs dio mucha importancia a la nueva pantalla que incorpora el iPhone y a la cual ha denominado “Pantalla Retina”. Su nombre viene por la inmensa densidad de pixeles que hay por pulgada, concretamente, 326 pixeles .Nuestro ojo humano sólo es capaz de llegar a distinguir los píxeles en una densidad de hasta 320 pixeles por pulgadalo que significa que en la pantalla del nuevo iPhone no seremos capaz de diferenciar un pixel de otro.
La principal ventaja de esta mayor resolución es la mejora notable que vamos a conseguir en el visionado de imágenes y de textos tal y como podemos comprobar en el siguiente vídeo:

La resolución total es de 960x460pixels, es decir, 4 veces mayor que la del iPhone 3G/3GS. El contraste tambiénha sido mejorado y ahora alcanza la cifra de 800:1 que también es 4 veces mayor con respecto a sus hermanos pequeños. Por último, decir que la nueva pantalla del iPhone 4 está basada en un panel IPS que mejora notablemente los ángulos de visión.
Retina Display es una marca comercial de Apple para referirse a las pantallas de alta densidad de píxeles fabricadas y desarrolladas por Sharp yutilizadas en sus dispositivos, basada en la tecnología In-plane switching (IPS). Esta denominación está actualmente presente en el iPhone 4S y en el iPhone 5, en el iPod touch de cuarta y quinta generación, en el nuevo iPad de tercera generación y cuarta generación, en el MacBook Pro con pantalla Retina presentado en junio de 2012 como el primer ordenador con este modelo de pantalla.
Jordan Campbelldurante su presentación en el WWDC 2010, esta resolución se encuentra por encima de los 300 ppp que todavía son perceptibles por el ojo humano; por lo tanto, los pixeles de esta pantalla son tan pequeños que son indistinguibles a la vista humana y no hay diferencia práctica con el material impreso.
Curiosamente, ni el Ipad 4 (264ppp), MacBook Pro Retina 15" (220ppp), Ipad Mini (163ppp) ni el MacbookPro Retina de 13" (227ppp) alcanzan los 300ppp. Esto es debido a que la distancia que se considera óptima entre el usuario y estos dispositivos es mayor que en el iPhone, y por tanto el ojo no percibe los píxeles aunque sean de mayor tamaño.


Apple recientemente sacó al mercado la patente "Retina" refiriéndose al sistema de Display de alta resolución que está integrando en sus productos. Elmás reciente fue el Retina Macbook Pro, con lo que se agrega una doble densidad a las pantallas.
Pero, ¿Cómo nos va a afectar o a mejorar esto?, pero antes, ¿De qué estamos hablando?
¿Qué es Retina Display?

Básicamente, Retina Display, es el aumento al doble de pixeles en la pantalla (pixeles físicos).
10 pixeles en CSS, en un monitor estándar, corresponde exactamente a 10 pixeles en lapantalla, pero a diferencia, en un monitor Retina, 10 pixeles corresponderían a 20 pixeles; esto para mantener una correcta proporción.
Siguiendo el principio anterior, 10 pixeles en un bitmap, equivalen igualmente al doble en una pantalla con Retina.
¿Cómo optimizar para Retina?
Ya que la proporción de cada pixel se duplica para la adaptación de la vista real del monitor, se debe de mantener unaresolución correcta para la muestra de imágenes.
La función de java script  nos devuelve la proporción directa del radio de los pixeles. Cuando este número nos devuelve 2 o 1.5 corresponden a pantallas de alta resolución como Retina Display u otros productos de otras marcas.
Solución HTML
Para mantener una relación normal en, por ejemplo, una imagen de logo, podremos utilizar el siguiente códigoDonde se especifica el ancho y largo del elemento para que tanto, el navegador sea capaz de calcular las imágenes y tenga los espacios al cargarse, como para que, nuestra imagen original de 600x600 pixeles sea vista en una resolución normal en 300x300 y en un Display Retina, en 600x600.
Es por este principio, repito, que nuestras imágenes deberán tener el doble de resolución para ser...