Web Design: Pourquoi la résolution des images et des moniteurs est importante - les nuls

Si vous avez déjà regardé un film sur votre ordinateur ou sur un téléviseur haute définition, vous pouvez vraiment remarquer la différence de détail par rapport à un téléviseur standard. En effet, les téléviseurs HD et les écrans d'ordinateur ont une résolution d'écran supérieure à celle des téléviseurs normaux. La résolution fait référence au nombre de pixels pressés dans un pouce linéaire. Les résolutions d'écran d'ordinateur standard varient de 72 à 96 ppi ( p ixels p er i nch) - c'est beaucoup de détails. D'un autre côté, un téléviseur old-school en consomme près de la moitié, et comme la plupart des émissions de télévision sont analogiques et non numériques comme votre ordinateur, l'image est floue.

Résolution de l'écran de l'ordinateur

Pourquoi devriez-vous répondre à la question sur la résolution du moniteur? Parce que le moniteur est votre toile de conception Web. Bien que le moniteur ait une résolution fixe (après tout, il s'agit d'un morceau de matériel), les graphiques ont des résolutions variables. En conception Web, vos graphiques doivent correspondre à la résolution de l'écran.

Bien que les moniteurs varient de 72 à 96 ppp, la norme graphique Web est de 72 ppp. Le jargon professionnel est 72 dpi , ce qui représente points par pouce, un report de l'industrie de l'impression.

Résolution d'image de site Web

Voici une question fréquemment posée: une image de résolution supérieure ne sera-t-elle pas meilleure sur ma page Web? La réponse est non, car même si une image imprimée à 300 dpi est parfaite dans un document imprimé, le moniteur fixe de 72 à 96 ppp n'est pas capable de montrer tous ces détails. Indépendamment de la résolution de l'image, le navigateur la montre simplement par sa dimension de pixel physique, disons 200 pixels de large sur 200 pixels de haut.

Les deux images de l'exemple contiennent le même nombre de pixels. Parce que l'image de gauche est de 300 dpi, chaque point est plus petit, donc plus de points peuvent être pressés dans un pouce. C'est pourquoi l'image entière rétrécit lorsque vous l'imprimez. Le moniteur d'ordinateur, cependant, n'est pas capable d'afficher de tels points minuscules, ainsi il souffle chaque point jusqu'à la taille de 72 dpi. Donc, vous êtes de retour là où vous avez commencé - les images à haute résolution n'améliorent pas la qualité. Ergo, il est préférable de s'en tenir à la résolution par défaut de 72 dpi en premier lieu.