PEDRO ARIAS

Retina Display

Apple sostiene que esta tecnología supera la cantidad de puntos que puede percibir la retina humana, pero esta afirmación es refutada por varios científicos. 

Dispositivos que la utilizan

Esta denominación está presente en los iPhone a partir del modelo iPhone 4, en el iPod touch de cuarta y quinta generación, en la nueva iPad de tercera generación, cuarta generación, iPad Mini con pantalla retina, iPad Air y iPad Air 2, en el MacBook Pro con pantalla Retina presentado en junio de 2012 como el primer ordenador con este modelo de pantalla, así como en los nuevos iPhone 5 iPhone 6, iPhone 6 Plus, iPhone 6s y iPhone 6s Plus. También se presentó un modelo de iMac que usa esta tecnología, es un dispositivo iMac de 27 pulgadas (diagonal) llamada "iMac con pantalla retina 5K". Además de estos dispositivos, también tienen pantalla Retina el MacBook Pro Retina 13, el nuevo MacBook y, recientemente, en la versión de 21 pulgadas del iMac, con resolución 4K.

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 una resolución correcta para la muestra de imágenes.

La función de javascript window.devicePixelRatio 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ódigo: