Existe-t-il une liste de résolutions d’écran pour tous les téléphones et tablettes Android?

(obsolète) Feuille de calcul des mésortingques de périphérique.

VOIR ÉGALEMENT:
Mésortingques du périphérique – Conception du matériau .
Tailles d’écran

--------------------------- ----- ------------ --------------- ------- ----------- ---------------- --- ---------- Device Inches ResolutionPX Density DPI ResolutionDP AspectRatios SysNavYorN ContentResolutionDP --------------------------- ----- ------------ --------------- ------- ----------- ---------------- --- ---------- Galaxy Y 320 x 240 ldpi 0.75 120 427 x 320 4:3 1.3333 427 x 320 ? 400 x 240 ldpi 0.75 120 533 x 320 5:3 1.6667 533 x 320 ? 432 x 240 ldpi 0.75 120 576 x 320 9:5 1.8000 576 x 320 Galaxy Ace 480 x 320 mdpi 1 160 480 x 320 3:2 1.5000 480 x 320 Nexus S 800 x 480 hdpi 1.5 240 533 x 320 5:3 1.6667 533 x 320 "Galaxy SIII Mini" 800 x 480 hdpi 1.5 240 533 x 320 5:3 1.6667 533 x 320 ? 854 x 480 hdpi 1.5 240 569 x 320 427:240 1.7792 569 x 320 Galaxy SIII 1280 x 720 xhdpi 2 320 640 x 360 16:9 1.7778 640 x 360 Galaxy Nexus 1280 x 720 xhdpi 2 320 640 x 360 16:9 1.7778 640 x 360 HTC One X 4.7" 1280 x 720 xhdpi 2 320 640 x 360 16:9 1.7778 640 x 360 Nexus 5 5" 1920 x 1080 xxhdpi 3 480 640 x 360 16:9 1.7778 YES 592 x 360 Galaxy S4 5" 1920 x 1080 xxhdpi 3 480 640 x 360 16:9 1.7778 640 x 360 HTC One 5" 1920 x 1080 xxhdpi 3 480 640 x 360 16:9 1.7778 640 x 360 Galaxy Note III 5.7" 1920 x 1080 xxhdpi 3 480 640 x 360 16:9 1.7778 640 x 360 HTC One Max 5.9" 1920 x 1080 xxhdpi 3 480 640 x 360 16:9 1.7778 640 x 360 Galaxy Note II 5.6" 1280 x 720 xhdpi 2 320 640 x 360 16:9 1.7778 640 x 360 Nexus 4 4.4" 1200 x 768 xhdpi 2 320 600 x 384 25:16 1.5625 YES 552 x 384 --------------------------- ----- ------------ --------------- ------- ----------- ---------------- --- ---------- Device Inches ResolutionPX Density DPI ResolutionDP AspectRatios SysNavYorN ContentResolutionDP --------------------------- ----- ------------ --------------- ------- ----------- ---------------- --- ---------- ? 800 x 480 mdpi 1 160 800 x 480 5:3 1.6667 800 x 480 ? 854 x 480 mdpi 1 160 854 x 480 427:240 1.7792 854 x 480 Galaxy Mega 6.3" 1280 x 720 hdpi 1.5 240 853 x 480 16:9 1.7778 853 x 480 Kindle Fire HD 7" 1280 x 800 hdpi 1.5 240 853 x 533 8:5 1.6000 853 x 533 Galaxy Mega 5.8" 960 x 540 tvdpi 1.33333 213.333 720 x 405 16:9 1.7778 720 x 405 Sony Xperia Z Ultra 6.4" 1920 x 1080 xhdpi 2 320 960 x 540 16:9 1.7778 960 x 540 Blackberry Priv 5.43" 2560 x 1440 ? 540 ? 16:9 1.7778 Blackberry Passport 4.5" 1440 x 1440 ? 453 ? 1:1 1.0 Kindle Fire (1st & 2nd gen) 7" 1024 x 600 mdpi 1 160 1024 x 600 128:75 1.7067 1024 x 600 Tesco Hudl 7" 1400 x 900 hdpi 1.5 240 933 x 600 14:9 1.5556 933 x 600 Nexus 7 (1st gen/2012) 7" 1280 x 800 tvdpi 1.33333 213.333 960 x 600 8:5 1.6000 YES 912 x 600 Nexus 7 (2nd gen/2013) 7" 1824 x 1200 xhdpi 2 320 912 x 600 38:25 1.5200 YES 864 x 600 Kindle Fire HDX 7" 1920 x 1200 xhdpi 2 320 960 x 600 8:5 1.6000 960 x 600 ? 800 x 480 ldpi 0.75 120 1067 x 640 5:3 1.6667 1067 x 640 ? 854 x 480 ldpi 0.75 120 1139 x 640 427:240 1.7792 1139 x 640 Kindle Fire HD 8.9" 1920 x 1200 hdpi 1.5 240 1280 x 800 8:5 1.6000 1280 x 800 Kindle Fire HDX 8.9" 2560 x 1600 xhdpi 2 320 1280 x 800 8:5 1.6000 1280 x 800 Galaxy Tab 2 10" 1280 x 800 mdpi 1 160 1280 x 800 8:5 1.6000 1280 x 800 Galaxy Tab 3 10" 1280 x 800 mdpi 1 160 1280 x 800 8:5 1.6000 1280 x 800 ASUS Transformer 10" 1280 x 800 mdpi 1 160 1280 x 800 8:5 1.6000 1280 x 800 ASUS Transformer 2 10" 1920 x 1200 hdpi 1.5 240 1280 x 800 8:5 1.6000 1280 x 800 Nexus 10 10" 2560 x 1600 xhdpi 2 320 1280 x 800 8:5 1.6000 1280 x 800 Galaxy Note 10.1 10" 2560 x 1600 xhdpi 2 320 1280 x 800 8:5 1.6000 1280 x 800 --------------------------- ----- ------------ --------------- ------- ----------- ---------------- --- ---------- Device Inches ResolutionPX Density DPI ResolutionDP AspectRatios SysNavYorN ContentResolutionDP --------------------------- ----- ------------ --------------- ------- ----------- ---------------- --- ---------- 

Faire face à différents ratios d’aspect

Les différents rapports d’aspect vus ci-dessus sont (du plus carré; h / w):

 1:1 1.0 <- rare for phone; common for watch 4:3 1.3333 <- matches iPad (when portrait) 3:2 1.5000 38:25 1.5200 14:9 1.5556 <- rare 25:16 1.5625 8:5 1.6000 <- aka 16:10 5:3 1.6667 128:75 1.7067 16:9 1.7778 <- matches iPhone 5-7 427:240 1.7792 <- rare 37:18 2.0555 <- Galaxy S8 

Si vous ignorez les rapports d'aspect extrêmes, qui sont rarement observés à la taille du téléphone ou plus grande, tous les autres appareils se situent entre 1,3333 et 1,7778, ce qui correspond aux ratios iPhone / iPad actuels (en prenant en compte tous les appareils en mode portrait) . Notez qu'il existe plusieurs variantes dans cette plage, donc si vous créez un petit nombre de mises en page à rapport d'aspect fixe, vous devrez décider comment gérer les écrans "intermédiaires" impairs.

La solution minimum en «mode portrait» est de prendre en charge la version 1.3333, ce qui se traduit par un espace inutilisé en haut et en bas, sur toutes les résolutions présentant un rapport d'aspect plus important.
Très probablement, vous devriez plutôt le concevoir pour s'étendre sur la plage de 1,333 à 1,778. Mais parfois, une partie de votre conception semble trop déformée.

Idées de mise en page avancées:

Pour le texte, vous pouvez concevoir pour 1.3333, puis augmenter l'interligne pour 1.666 - bien que cela semble assez rare. Pour les graphiques, concevoir un rapport intermédiaire , de sorte que sur certains écrans il est légèrement écrasé, sur d'autres, il est légèrement étiré. moyenne géomésortingque de Sqrt (1333 x 1667) ~ = 1491. Vous concevez donc pour 1491 x 1000, qui seront étirés / écrasés de + -12% lorsqu'ils seront assignés aux cas extrêmes.

Le perfectionnement suivant consiste à concevoir un agencement comme une stack de "bandes" de différentes hauteurs qui remplissent chacune la largeur de l'écran . Ensuite, déterminez où vous pouvez "étirer ou écraser" la hauteur d'une bande de manière plus agréable, afin d'ajuster les différents rapports.

Par exemple, considérez les téléphones imaginaires avec 1333 x 1000 pixels et 1666 x 1000 pixels. Supposons que vous ayez deux "bandes", et que votre "bande" principale soit carrée, donc 1000x1000. La deuxième bande est 333 x 1000 sur un écran, 666 x 1000 sur l'autre - une gamme assez large pour la conception.
Vous pouvez décider que votre groupe principal a l'air bien modifié avec 10% de haut en bas, et écrasez-le 900 x 1000 sur l'écran 1333 x 1000, laissant 433 x 1000. Puis étirez-le à 1100 x 1000 sur 1666 x 1000, laissant 566 x 1000. Donc, votre deuxième groupe doit maintenant ajuster seulement 433 à 566, ce qui a une moyenne géomésortingque de Sqrt (433 x 566) ~ = 495. Donc, vous concevez pour 495 x 1000, qui sera étiré / écrasé par + -14. % lorsqu'il est affecté aux cas extrêmes.

Voici une liste de presque toutes les résolutions de tablettes:

2560 * 1600
1366 * 768
1280 * 800
1280 * 768
1024 * 768
1024 * 600
960 * 640
960 * 540
854 * 480
800 * 600
800 * 480
800 * 400

Les résolutions les plus courantes sont les suivantes:

1280 * 800
1280 * 768
1024 * 600
1024 * 800
1024 * 768
800 * 400
800 * 480

Bonne conception ..! 🙂

Ce sont les tailles. Essayez de jeter un coup d’œil dans Supporting Mutiples Screens

 320dp: a typical phone screen (240x320 ldpi, 320x480 mdpi, 480x800 hdpi, etc). 480dp: a tweener tablet like the Streak (480x800 mdpi). 600dp: a 7” tablet (600x1024 mdpi). 720dp: a 10” tablet (720x1280 mdpi, 800x1280 mdpi, etc). 

J’utilise ceci pour faire plus d’une mise en page:

 res/layout/main_activity.xml # For handsets (smaller than 600dp available width) res/layout-sw600dp/main_activity.xml # For 7” tablets (600dp wide and bigger) res/layout-sw720dp/main_activity.xml # For 10” tablets (720dp wide and bigger) 

Google a récemment ajouté cette liste complète de périphériques de référence et de résolutions, y compris les nouveaux types de périphériques tels que les ordinateurs portables et les ordinateurs portables:

https://design.google.com/devices/

hdpi 480×800 px Samsung S2

xhdpi 720×1280 px – téléphone Nexus 4 – 4.7,4.8 pouces Samsung Galaxy S3 Motorola Moto G

xxhdpi 1080×1920 px – Téléphone Nexus 5 – 4,95 pouces Samsung Galaxy S4 Samsung Galaxy S5 Samsung Galaxy Note 3 – 5,7 pouces LG G2 HTC One M8 HTC One M9 Sony Xperia Z1
Sony Xperia Z2 Sony Xperia Z3 Sony Xperia Z3 +

xxxhdpi 1440×2560 px – Nexus 6 phablet – 6 pouces Samsung S6 Samsung S6 Edge Samsung Galaxy Note 4 – 5,7 pouces LG G3
LG G4

xxhdpi 1920 × 1200 px – Tablette Nexus 7 – 7 pouces Tablette Sony Z3 compacte LG G Pad 8.3 – 8,3 pouces Tablette Sony Xperia Z2 – 10,1 pouces

xxxhdpi 2560 × 1600 px – Tablette Nexus 10 – 10,1 pouces ~ Google Nexus 9 Tablette Sony Xperia Z4 Samsung Galaxy Note Pro 12.2 Samsung Galaxy Note 10.1 Samsung Galaxy Tab 10.5 Dell Venue 8 7840

Vous pouvez voir beaucoup de tailles d’écran sur ce site .

Liste analysée des écrans :

 From http://www.emirweb.com/ScreenDeviceStatistics.php #################################################################################################### # Filter out same-sized same-dp screens and width/height swap. #################################################################################################### Size: 2560 x 1600 px (1280 x 800 dp) xhdpi Size: 2048 x 1536 px (1024 x 768 dp) xhdpi Size: 1920 x 1200 px (1442 x 901 dp) tvdpi Size: 1920 x 1200 px (1280 x 800 dp) hdpi Size: 1920 x 1200 px (960 x 600 dp) xhdpi Size: 1920 x 1200 px (640 x 400 dp) xxhdpi Size: 1920 x 1152 px (640 x 384 dp) xxhdpi Size: 1920 x 1080 px (1920 x 1080 dp) mdpi Size: 1920 x 1080 px (1280 x 720 dp) hdpi Size: 1920 x 1080 px (960 x 540 dp) xhdpi Size: 1920 x 1080 px (640 x 360 dp) xxhdpi Size: 1600 x 1200 px (1066 x 800 dp) hdpi Size: 1600 x 900 px (1600 x 900 dp) mdpi Size: 1440 x 904 px (960 x 602 dp) hdpi Size: 1366 x 768 px (1366 x 768 dp) mdpi Size: 1360 x 768 px (1360 x 768 dp) mdpi Size: 1280 x 960 px (640 x 480 dp) xhdpi Size: 1280 x 800 px (1280 x 800 dp) mdpi Size: 1280 x 800 px (961 x 600 dp) tvdpi Size: 1280 x 800 px (853 x 533 dp) hdpi Size: 1280 x 800 px (640 x 400 dp) xhdpi Size: 1280 x 768 px (1280 x 768 dp) mdpi Size: 1280 x 768 px (640 x 384 dp) xhdpi Size: 1280 x 720 px (1280 x 720 dp) mdpi Size: 1280 x 720 px (961 x 540 dp) tvdpi Size: 1280 x 720 px (853 x 480 dp) hdpi Size: 1280 x 720 px (640 x 360 dp) xhdpi Size: 1279 x 720 px (639 x 360 dp) xhdpi Size: 1152 x 720 px (1152 x 720 dp) mdpi Size: 1080 x 607 px (720 x 404 dp) hdpi Size: 1024 x 960 px (1024 x 960 dp) mdpi Size: 1024 x 770 px (1024 x 770 dp) mdpi Size: 1024 x 768 px (1365 x 1024 dp) ldpi Size: 1024 x 768 px (1024 x 768 dp) mdpi Size: 1024 x 768 px (512 x 384 dp) xhdpi Size: 1024 x 600 px (1365 x 800 dp) ldpi Size: 1024 x 600 px (1024 x 600 dp) mdpi Size: 1024 x 600 px (682 x 400 dp) hdpi Size: 960 x 640 px (480 x 320 dp) xhdpi Size: 960 x 600 px (960 x 600 dp) ldpi Size: 960 x 540 px (640 x 360 dp) hdpi Size: 864 x 480 px (576 x 320 dp) hdpi Size: 854 x 480 px (569 x 320 dp) hdpi Size: 800 x 600 px (1066 x 800 dp) ldpi Size: 800 x 480 px (1066 x 640 dp) ldpi Size: 800 x 480 px (800 x 480 dp) mdpi Size: 800 x 480 px (600 x 360 dp) tvdpi Size: 800 x 480 px (533 x 320 dp) hdpi Size: 800 x 480 px (266 x 160 dp) xxhdpi Size: 768 x 576 px (768 x 576 dp) mdpi Size: 640 x 480 px (640 x 480 dp) mdpi Size: 640 x 360 px (426 x 240 dp) hdpi Size: 480 x 320 px (480 x 320 dp) mdpi Size: 480 x 320 px (320 x 213 dp) hdpi Size: 432 x 240 px (576 x 320 dp) ldpi Size: 400 x 240 px (533 x 320 dp) ldpi Size: 320 x 240 px (426 x 320 dp) ldpi Size: 280 x 280 px (186 x 186 dp) hdpi #################################################################################################### # Sorted by smallest width. #################################################################################################### sw800dp: Size: 1920 x 1080 px (1920 x 1080 dp) mdpi Size: 1024 x 768 px (1365 x 1024 dp) ldpi Size: 1024 x 960 px (1024 x 960 dp) mdpi Size: 1920 x 1200 px (1442 x 901 dp) tvdpi Size: 1600 x 900 px (1600 x 900 dp) mdpi Size: 800 x 600 px (1066 x 800 dp) ldpi Size: 1920 x 1200 px (1280 x 800 dp) hdpi Size: 1024 x 600 px (1365 x 800 dp) ldpi Size: 2560 x 1600 px (1280 x 800 dp) xhdpi Size: 1280 x 800 px (1280 x 800 dp) mdpi Size: 1600 x 1200 px (1066 x 800 dp) hdpi sw720dp: Size: 1024 x 770 px (1024 x 770 dp) mdpi Size: 1366 x 768 px (1366 x 768 dp) mdpi Size: 1280 x 768 px (1280 x 768 dp) mdpi Size: 2048 x 1536 px (1024 x 768 dp) xhdpi Size: 1360 x 768 px (1360 x 768 dp) mdpi Size: 1024 x 768 px (1024 x 768 dp) mdpi Size: 1152 x 720 px (1152 x 720 dp) mdpi Size: 1280 x 720 px (1280 x 720 dp) mdpi Size: 1920 x 1080 px (1280 x 720 dp) hdpi sw600dp: Size: 800 x 480 px (1066 x 640 dp) ldpi Size: 1440 x 904 px (960 x 602 dp) hdpi Size: 960 x 600 px (960 x 600 dp) ldpi Size: 1280 x 800 px (961 x 600 dp) tvdpi Size: 1024 x 600 px (1024 x 600 dp) mdpi Size: 1920 x 1200 px (960 x 600 dp) xhdpi sw480dp: Size: 768 x 576 px (768 x 576 dp) mdpi Size: 1920 x 1080 px (960 x 540 dp) xhdpi Size: 1280 x 720 px (961 x 540 dp) tvdpi Size: 1280 x 800 px (853 x 533 dp) hdpi Size: 1280 x 720 px (853 x 480 dp) hdpi Size: 800 x 480 px (800 x 480 dp) mdpi Size: 1280 x 960 px (640 x 480 dp) xhdpi Size: 640 x 480 px (640 x 480 dp) mdpi sw320dp: Size: 1080 x 607 px (720 x 404 dp) hdpi Size: 1024 x 600 px (682 x 400 dp) hdpi Size: 1280 x 800 px (640 x 400 dp) xhdpi Size: 1920 x 1200 px (640 x 400 dp) xxhdpi Size: 1280 x 768 px (640 x 384 dp) xhdpi Size: 1024 x 768 px (512 x 384 dp) xhdpi Size: 1920 x 1152 px (640 x 384 dp) xxhdpi Size: 1279 x 720 px (639 x 360 dp) xhdpi Size: 800 x 480 px (600 x 360 dp) tvdpi Size: 960 x 540 px (640 x 360 dp) hdpi Size: 1920 x 1080 px (640 x 360 dp) xxhdpi Size: 1280 x 720 px (640 x 360 dp) xhdpi Size: 432 x 240 px (576 x 320 dp) ldpi Size: 800 x 480 px (533 x 320 dp) hdpi Size: 960 x 640 px (480 x 320 dp) xhdpi Size: 864 x 480 px (576 x 320 dp) hdpi Size: 854 x 480 px (569 x 320 dp) hdpi Size: 480 x 320 px (480 x 320 dp) mdpi Size: 400 x 240 px (533 x 320 dp) ldpi Size: 320 x 240 px (426 x 320 dp) ldpi sw240dp: Size: 640 x 360 px (426 x 240 dp) hdpi lower: Size: 480 x 320 px (320 x 213 dp) hdpi Size: 280 x 280 px (186 x 186 dp) hdpi Size: 800 x 480 px (266 x 160 dp) xxhdpi #################################################################################################### # Different size in px only. #################################################################################################### 2560 x 1600 px 2048 x 1536 px 1920 x 1200 px 1920 x 1152 px 1920 x 1080 px 1600 x 1200 px 1600 x 900 px 1440 x 904 px 1366 x 768 px 1360 x 768 px 1280 x 960 px 1280 x 800 px 1280 x 768 px 1280 x 720 px 1279 x 720 px 1152 x 720 px 1080 x 607 px 1024 x 960 px 1024 x 770 px 1024 x 768 px 1024 x 600 px 960 x 640 px 960 x 600 px 960 x 540 px 864 x 480 px 854 x 480 px 800 x 600 px 800 x 480 px 768 x 576 px 640 x 480 px 640 x 360 px 480 x 320 px 432 x 240 px 400 x 240 px 320 x 240 px 280 x 280 px #################################################################################################### # Different size in dp only. #################################################################################################### 1920 x 1080 dp 1600 x 900 dp 1442 x 901 dp 1366 x 768 dp 1365 x 1024 dp 1365 x 800 dp 1360 x 768 dp 1280 x 800 dp 1280 x 768 dp 1280 x 720 dp 1152 x 720 dp 1066 x 800 dp 1066 x 640 dp 1024 x 960 dp 1024 x 770 dp 1024 x 768 dp 1024 x 600 dp 961 x 600 dp 961 x 540 dp 960 x 602 dp 960 x 600 dp 960 x 540 dp 853 x 533 dp 853 x 480 dp 800 x 480 dp 768 x 576 dp 720 x 404 dp 682 x 400 dp 640 x 480 dp 640 x 400 dp 640 x 384 dp 640 x 360 dp 639 x 360 dp 600 x 360 dp 576 x 320 dp 569 x 320 dp 533 x 320 dp 512 x 384 dp 480 x 320 dp 426 x 320 dp 426 x 240 dp 320 x 213 dp 266 x 160 dp 186 x 186 dp 

J’abandonne un grand nombre d’écrans de même taille, même si je ne connais pas le changement de hauteur / largeur et j’inclus des résultats de sorting.

Vous trouverez beaucoup plus d’informations sur les écrans Android sur ce site:

http://www.emirweb.com/ScreenDeviceStatistics.php