Résolution de l'écran et la profondeur de couleur sur les appareils portatifs

Si vous êtes nouveau à la création d'images, de vidéo et d'autres multimédia pour le web mobile, comprendre les concepts derrière des termes comme la profondeur de la couleur

Sommaire

et résolution peut vous aider comme vous commencez à créer des conceptions de sites mobiles. La profondeur de la couleur désigne le nombre de couleurs d'un écran peut afficher, plus communément appelé par le nombre de morceaux.

Résolution d'écran

Main dans la main avec la profondeur de couleur, résolution de l'écran affecte la façon dont clair et des images réalistes apparaissent. Comme on pouvait s'y attendre, les résolutions d'écran sur les appareils mobiles sont loin d'être aussi grande car ils sont sur le bureau ou les ordinateurs portables.

La plupart des nouveaux moniteurs LCD ou d'ordinateurs portables ont des résolutions d'au moins 1920 x 1080 pixels, et affiche plus chers sont encore plus élevés.

L'iPhone est minuscule en comparaison. L'affichage de l'iPhone d'origine (à partir de l'iPhone 1 à le 3GS) est de 480 x 320 pixels, ce qui lui permet de jouer la grande majorité des vidéos sur YouTube dans une résolution qui les rend raisonnablement croustillante sur l'écran, mais ne vient pas près à ce que la plupart des consommateurs attendent d'un écran de télévision.

En revanche, l'iPad offre un écran haute résolution qui est de 1024 x 768, plus que suffisant pour faire regarder des vidéos sur l'iPad une expérience agréable. Comme vous vous préparez vos images et vos vidéos, envisager les différentes résolutions d'écran de l'iPhone et l'iPad.

Pixels par pouce

Un autre facteur important est le nombre de pixels par pouce (ppi) dans une image ou une vidéo. La plupart des écrans d'ordinateur affichent des images à 72 PPI- nouveaux modèles affichage 92 ppi. L'iPad affiche 132 ppp, et l'iPhone 4 a une résolution de 326 ppi. Rappelez-vous que plus de pixels par pouce, plus de détails dans l'image et mieux elle apparaît.

La raison pour laquelle l'écran sur l'iPhone 4 a suscité autant d'attention que ses images sont aussi nets et précis que l'œil humain peut détecter. Une image haute résolution sur un écran de l'iPhone ressemble probablement mieux que la plupart des autres images que vous avez jamais vu sur un écran numérique.


La pixels par pouce (ppp) la mesure est différente de points par pouce (dpi), ce qui est une façon courante de mesurer la résolution d'impression, parce que la qualité d'impression est mesurée en points par pouce. Pixels par pouce est utilisé comme une mesure de la résolution d'un écran de l'ordinateur.

Les chercheurs conviennent généralement que l'œil humain peut discerner en moyenne, à une distance d'un pied, l'amélioration de la qualité à autant que 300 ppi. Autrement dit, si vous augmentez le nombre de pixels par pouce à une distance de lecture normale supérieure à 300 ppi (comme avec l'affichage de la rétine de l'iPhone 4), l'œil ne peut pas détecter toute augmentation de la qualité.

En théorie, cela signifie que vous devez optimiser vos images à 300 ppp, mais dans la pratique qui crée de telles tailles de fichiers volumineux qu'ils prendraient une prohibitif temps à télécharger, en particulier via une connexion mobile.

Il est peut-être temps d'augmenter le ppi recommandé pour les graphiques Web - il a toujours été 72 ppi parce que ce tout ce qu'on verrait sur un moniteur d'ordinateur de toute façon. Mais ces jours-ci, avec des résolutions plus élevées du moniteur, vous devez augmenter vos images d'au moins 92 ppi, et 132 ppi si les images sont un élément clé de votre conception de sites Web et vous savez que vos visiteurs utilisent des connexions à haute vitesse.


» » » » Résolution de l'écran et la profondeur de couleur sur les appareils portatifs