Les différentes résolutions d'écrans pour le web
Avec l'apparition des smartphones modernes, des tablettes tactiles et même de l'internet sur la télévision, 2011 a été vraiment l'année de toutes les résolutions comme nous le prédisait Adobe XD dans cette vidéo :
Aujourd'hui, il est évident qu'il faut prendre en compte l'audience pour laquelle le site est destiné et, si besoin, adapté le site aux différents terminaux et formats.
Liste des résolutions
Afin d'avoir un aperçu des différentes résolutions des principaux appareils du marché, j'ai établi le tableau ci-dessous.
Ce tableau n'est bien-sûr pas exhaustif mais il permet de se faire une idée de la grande diversité qui existe.
Les tailles sont en pixels.
Bureau/Portable | Tablette | Mobile | Télévision |
---|---|---|---|
1024x600 | ViewSonic ViewPad 800x400 |
Motorola RAZR V3m 176x220 |
480p 640x480 |
1024x768 | Velocity Cruz 800x600 |
MotorolaRAZR V8 240x320 |
720p 1280x720 |
1280x800 | Samsung Galaxy 1024x600 |
BlackBerry 8300 320x240 |
1080p 1920x1080 |
1366x768 | Apple iPad 1 & 2 1024x768 |
iPhone 3 & 4 320x480 |
|
1440x900 | Motorola Xoom 1280x800 |
LG Optimus S 320x480 |
|
1600x900 | Google Nexus S 480x800 |
||
1680x900 | Asus Galaxy 7 480x800 |
||
1920x1080 | |||
1920x1200 |