Conception d’écrans Retina haute résolution
Notre agence de design créatif de Boston travaille sur de nombreuses refonte de sites Web. Pour tous nos projets, nous aimons nous assurer que nos clients reçoivent des graphiques de qualité, clairs et professionnels. Nous optimisons donc les images pour les écrans Retina haute résolution. Ceux-ci sont devenus populaires ces dernières années, en particulier avec la plupart des produits Apple.
Pixels et résolution
Les images sur un écran sont constituées de carrés colorés appelés pixels. La résolution, ou clarté, d’une image, est définie par le nombre de pixels sur la largeur et la hauteur de l’écran.
Les écrans Retina affichent des pixels plus petits et plus proches que les écrans standard. Ils nécessitent également deux fois plus de pixels pour afficher la même qualité d’image qu’un écran standard. Il en résulte une résolution et des images de meilleure qualité. Voir les images ci-dessous pour illustrer cela:
Conception pour les écrans Retina
Résolution raster
Bien que la ligne directrice pour la conception avec des écrans standard soit de 72 pixels par pouce, la recommandation pour l’optimisation de la rétine est de 200ppi. Une image avec une résolution inférieure apparaît floue ou pixélisée. Les images à basse résolution sont difficiles à utiliser et donnent à un travail une apparence non professionnelle ou bâclée.
Images vectorielles
Dans la mesure du possible, nos graphistes vous recommandent d’utiliser.fichiers svg pour les images sur le web, pour les icônes et les boutons par exemple. Ce sont des fichiers vectoriels, indépendants de la résolution, nets sur n’importe quel écran et de petite taille.
Avant de s’engager sur une image pour le web, vérifiez que la résolution sera suffisamment grande à la taille à laquelle elle sera reproduite. La conception d’écrans Retina est un must pour s’assurer que tout le travail a l’air professionnel et soigné.