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