Les meilleures tailles de pixels pour des images sur des sites web

La première considération est de savoir si votre site nécessite un ensemble dimension en pixels du tout. En utilisant des pourcentages au lieu, vous pouvez créer un "fluide" mise en page qui réutilise les tailles des zones de contenu dynamique, en fonction de la taille de la fenêtre du navigateur de l`utilisateur. Lorsqu`il est utilisé en combinaison avec l`emballage automatique de texte, mise en page fluide peuvent être le meilleur choix lors de la création d`un site Web pour les résolutions d`écran standard, ainsi que les navigateurs mobiles. mises en page fluides sont obtenus en utilisant "largeur = 100%" dans le contenu de la déclaration de CSS plutôt que "width = 960px," par exemple.

Créer "fixé" ou mises en page statique, la largeur de vos principales divs contenu, des emballages ou des tables doivent tenir dans la fenêtre du navigateur d`un utilisateur, en tenant compte à la fois la barre de défilement et la barre d`outils du navigateur. Vous voulez également envisager de concevoir pour la majorité des visiteurs. En 2014, 99 pour cent des navigateurs Web utilisent une résolution d`écran de 1024 x 768 pixels ou plus. Cela signifie que vous pourriez concevoir pour 1680-par-1024 pixels, mais il est une bonne idée de viser un juste milieu. 960 pixels de large et 980 pixels de large sont deux largeurs infaillibles utilisées pour afficher le contenu confortablement dans le navigateur pour toute personne utilisant une résolution ou plus de 1024 par 768 pixels. Ce système adapte aussi bien sur les appareils mobiles capables d`afficher des sites Web complets. Si cela est trop étroit, 1080 pixels est la prochaine meilleure largeur. Gardez à l`esprit la hauteur d`une fenêtre de navigateur standard dans une résolution donnée, afin de garder l`information la plus importante au-dessus du "plier," ou le point auquel le défilement est nécessaire.

Si vous voulez que votre site pour bien paraître sur une variété d`appareils mobiles, vous devrez concevoir spécifiquement pour le dispositif ou créer une feuille de style spécial qui est utilisé par les navigateurs mobiles pour afficher une version «mobile» de votre page Web. Une résolution de 240 par 320 pixels est une norme courante pour la plupart des smartphones et des appareils mobiles Internet prêts tels que l`iPhone. Il est recommandé d`utiliser des pourcentages ou des dispositions «fluides» ici, bien que, comme beaucoup d`appareils prennent en charge à la fois le paysage et le mode portrait.

Peut-être le meilleur système pour la détermination des dimensions de mise en forme se fait par l`utilisation d`un système de grille. Grids calculer des régions parfaitement équilibrées au sein d`une largeur donnée afin de fournir un guide pour savoir comment la taille des éléments au sein de votre mise en page principale ou zone de contenu. Ces éléments peuvent inclure des boîtes promotionnelles, sidebars, ad-espace ou paragraphes. A titre d`exemple, une mise en page en utilisant une largeur totale de 1080 pixels et divisé à l`aide de la grille d`or aurait une gauche, la zone de la main pour les messages de blog qui est 739 pixels de large et une barre latérale droite qui est de 311 pixels de large, à la fois en utilisant un pixel 10 marge. Le résultat final est une disposition parfaitement équilibrée et alignée. Vous pouvez expérimenter avec différentes grilles en visitant le générateur de système de grille (voir Ressources).