Avec l'arrivée de iBidules Retina, et tout spécialement du nouvel iPad, les webmaster se trouvent à devoir cogiter sur le meilleur moyen de déterminer si leur visiteur dispose d'un tel périphérique, et, dans ce cas, lui envoyer des versions haute définition des images de la page consultée. Un petit casse tête, joliment solutionné par retina.js, un script javascript open source qui se charge de l'affaire.
Pour fonctionner, il suffit d'ajouter le fichier retina.js à votre serveur, puis d'inclure l'appel au script dans vos pages, par exemple avant la fermeture de la balise </body>. En présence d'un appareil compatible, le script ira chercher s'il existe, à côté de la version normale de votre image, une version haute définition, labelisée selon la nomenclature préconisée par Apple (my_image@2x.png étant la variante HD de my_image.png). Une variante du script est proposée, cette fois pour vos images de fond. Pratique, non ?
