Optimisez vos visuels pour les écrans Retina

  Agence

Les nouveaux écrans numériques en haute résolution n’ont rien à voir avec ceux d’hier. De l’ordinateur portable au téléviseur, la plupart d’entre eux ont désormais une chose en commun : un écran Retina. De nombreux fournisseurs proposent des ordinateurs portables avec ces écrans à la définition full HD. Cette nouvelle offre d’écran n’est pas sans incidence pour les images que vous utilisez : des réseaux sociaux aux e-mails en passant par les sites Web, mobiles, TV et print.

Qu’est-ce qu’un écran Retina ?

Marque déposée par Apple en juin 2010, Retina display (écran) fait son apparition la même année avec l’iPhone 4. À partir de 2012, la marque à la pomme puis d’autres fournisseurs l’ont déployé sur plusieurs appareils électroniques. Désormais, la plupart des fabricants de mobiles et ordinateurs proposent ces écrans qui offrent une expérience visuelle unique.

Avec Retina, Apple a compressé quatre fois plus de pixels dans le même espace, créant une densité de 326 pixels par pouce (ppp). Lors de la visualisation à 10-12 pouces, l’œil humain cesse de voir les pixels individuels à des densités d’environ 300 ppp. Ce qui fait qu’un écran est Retina c’est la résolution et non la définition

Les tablettes et les ordinateurs portables ont une densité plus faible (l’iPad Pro 2018 enregistre 264 ppp, le MacBook Pro 2018 227 ppp). Cela s’explique par le fait que les utilisateur.trice.s les consultent à une distance plus éloignée du mobile. Mais notons que leurs densités restent impressionnantes par rapport aux écrans d’il y a dix ans.

Pourquoi devrais-je optimiser mes visuels pour les écrans Retina ?

Avant l’arrivée des écrans Retina, la densité moyenne de l’écran était beaucoup plus faible. Les images Web comprenaient suffisamment de pixels pour couvrir une certaine hauteur et largeur à une résolution standard de 72 ppp. Beaucoup ne comprenaient pas plus de pixels, dans un souci de conserver de la bande passante.

L’augmentation de la densité de pixels affecte la qualité de ces images car elle permet d’accumuler les pixels dans un espace plus petit. L’affichage de l’image à la même taille qu’auparavant l’étire. Et cela crée des espaces entre ses pixels. Le résultat ? Une image et des bords flous peu agréables pour l’œil et pas vraiment valorisants pour votre marque.

Toutes celles et ceux qui ont travaillé sur des documents imprimés connaissent ce problème. Une image, avec juste assez de pixels pour remplir une page Web à 72 ppp, sera floue lorsqu’elle sera imprimée en taille réelle dans un magazine à 300 points par pouce (ppp).

Vous résolvez ce problème sur les écrans Retina tout comme vous le faite pour une impression : en augmentant la résolution (la hauteur et la largeur de l’image en pixels). Ainsi, même lorsque des densités de pixels plus élevées réduisent ces pixels dans une zone plus petite, il y aura toujours suffisamment de pixels pour afficher l’image à une taille décente à l’écran.

Une meilleure résolution signifie des fichiers plus volumineux. Il s’agissait, autrefois, d’une exigence liée à l’impression. Désormais, cela s’applique aussi bien pour des bannières publicitaires pour un site web que pour les réseaux sociaux ou encore des articles de blog.

Quelle doit être la résolution de votre image ? C’est difficile à dire, car quelqu’un peut l’afficher sur une tablette, l’autre un téléphone, un ordinateur de bureau ou une smart TV… C’est pourquoi Facebook ne prend même pas la peine de recommander des résolutions d’image, sauf pour imposer un minimum absolu de 1024 x 1024 pour les images de carrousel et pour les images de flux Instagram. « Téléchargez l’image dans la plus haute résolution disponible », conseille la plateforme. « Il n’y a pas de résolution maximale ». C’est parce que Facebook sait que la qualité et la diversité des écrans ne feront qu’augmenter.

Il est révolu le temps où les gens naviguaient à partir d’un seul appareil. Aujourd’hui, les utilisateur.trice.s accèdent aux images principalement à partir de leurs smartphones à l’aide d’une variété d’applications mobiles. Selon StatCounter, 52,96 % des visites provenaient d’appareils mobiles et de tablettes en mars 2019, contre 47,04 % d’ordinateurs de bureau.

Les densités de pixels sur ces appareils mobiles augmentent. Les gens changent régulièrement de smartphones grâce aux accords contractuels. Ils sont assurés de voir vos images sur des écrans de qualité toujours plus élevée. Le dernier iPhone XS Max d’Apple affiche une densité de 458 ppp.

Getty Images

C’est pourquoi il est avantageux de pérenniser vos images pour répondre aux besoins évolutifs. En choisissant des images haute résolution dès le début, vous pouvez garantir que votre campagne sera impeccable sur des supports allant des montres intelligentes aux réseaux sociaux, en passant par les blogs et les e-mails à imprimer, sans parler des nouveaux supports comme la réalité augmentée et virtuelle.

Getty Images propose des photographies et des illustrations de haute qualité Retina pour prendre en charge diverses campagnes sur tous ces canaux, couvrant les droits d’utilisation dans différents formats, y compris les grands, les moyens et les petits. Cela couvre également une large gamme de licences et de types de médias, notamment des droits d’auteur, des vidéos, des animations, des vectoriels et des photos. Trouvez les images de haute qualité dont vous avez besoin pour illustrer vos campagnes. 

 

942292998, peter bocklandt