J’en avais parlé (juste pour l’iPhone 5) du temps d’iOS 7 : la gestion du parallaxe (le mouvement du fond d’écran) avec iOS 7 et iOS 8 peut poser des soucis avec la qualité des fonds d’écrans. Il faut donc des images qui ont une définition plus élevée que celle de l’écran pour éviter les problèmes. Voici la liste.
Attention à un point, le rendu se fait au niveau du sous pixel, donc les images avec des arêtes très marquées (une ligne noire par exemple) risque de poser des soucis visuel.
Les définitions
Pour un iPhone 4S en 960 x 640, il faut une image en 1 196 x 740.
Pour un iPhone 5, 5S, 5C ou un iPod touch 5G en 1 136 x 640, il faut une image en 1 392 x 744.
Pour un iPhone 6 en 1 334 x 750, il faut une image en 1 608 x 752.
Pour l’iPhone 6 Plus, c’est un peu particulier. L’écran a une définition physique de 1 920 x 1 080, mais l’image est calculée en 2 208 x 1 142. Pour l’effet parallaxe, il faut une image en 2 662 x 2 662. C’est carré, étant donné que l’interface peut basculer en mode portrait ou paysage.
Pour un iPad 2 ou un iPad mini en 1 024 x 768, il faut une image en 1 262 x 1 262. C’est carré, étant donné que l’interface peut basculer en mode portrait ou paysage.
Pour un iPad 3, 4, Air, Air 2, mini Retina, mini 2 ou mini 3 en 2 048 x 1 536, il faut une image en 2 524 x 2 524. C’est carré, étant donné que l’interface peut basculer en mode portrait ou paysage.
Pour ceux qui veulent des gabarits, il y en a là.
Merci beaucoup !
Je tiens à saluer la bonne utilisation du mot « définition » en lieu et place de « résolution ». Trop peu de « journaliste » en font bon usage…