OUTIL : connaitre toutes les résolutions d'écran selon leur support

OUTIL : connaitre toutes les résolutions d'écran selon leur support

Pendant longtemps l'une des premières questions qui se posait lors de la création du design concernait la taille d'écran optimale. Celle-ci était alors établie selon les utilisateurs, leur matériel d'affichage (à 99% des écrans PC), et leurs paramétrages de résolution. On s'accordait alors sur une moyenne constatée et on construisait le site à partir de valeurs fixes. Aujourd'hui avec la prolifération des supports nomades et la variété de leur taille d'affichage il est devenu obsolète de partir sur une taille figée, ou même de prévoir une version mobile du site web concerné.


 
La solution responsive pour pallier à une majorité de cas

C'est pourquoi l'option du responsive est devenu un impératif. Désormais lorsque l'on crée un site, de sa conception à sa réalisation, on prévoit son affichage optimisé sur tous types d'écrans : le contenu se réagence selon la taille disponible.
 
Pour autant la solution nécessite un temps de développement plus long, et une réflexion plus importante notamment lors des phases de test et de calage. C'est souvent dans ce type de cas que des décisions sont à prendre, concernant entre autres la gestion du menu de navigation, la présence ou non d'informations tierces (pour libérer de la place), ou encore l'optimisation globale des images (sur un site web on veut souvent de grandes images, donc lourdes, qui par conséquent le seront tout autant lors d'une navigation sur un smartphone).
 
Et quand on prend on compte, en plus, les capacités de calcul d'affichage (la mémoire vidéo) de chaque matériel, et le stockage des données (le cache navigateur) on a vite fait de comprendre qu'il n'est pas si aisé de tout anticiper.

Pour se faire une idée de toutes les surfaces d'affichages régulièrement utilisées voici un lien qu'il est utile de garder sous la main. Sur cette page on peut découvrir une liste de materiels classés par nature, avec chacun leur propriété d'affichage.


 
> Toutes les résolutions d'écrans SCREEN SIZES