una tamaño programacion pixeles para pantalla moviles medidas medida imagenes dispositivos diseño diseñar celular app aplicaciones android screen-resolution aspect-ratio

android - programacion - tamaño pantalla celular pixeles



¿Hay una lista de resoluciones de pantalla para todos los teléfonos y tabletas con Android? (7)

Aquí hay una lista de casi todas las resoluciones de tabletas:

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

De esto, las resoluciones más comunes son:

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

¡Feliz diseño ...! :)

Si no, ¿hay una lista de resoluciones de pantalla para los teléfonos y tabletas Android más populares?

Empecé una hoja de cálculo ... puede haber errores. Avíseme y lo actualizaré.

NOTA: también vea Métricas del dispositivo - Diseño del material .

--------------------------- ----- ------------ --------------- ------- ----------- ---------------- --- ---------- 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 --------------------------- ----- ------------ --------------- ------- ----------- ---------------- --- ----------

Hacer frente a diferentes proporciones de aspecto

Las diferentes relaciones de aspecto vistas anteriormente son (desde la mayoría del cuadrado):

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

Si omite las relaciones de aspecto extremas, que rara vez se ven al tamaño del teléfono o más, todos los demás dispositivos se ajustan a un rango de 1.3333 a 1.7778, que convenientemente coincide con las relaciones actuales de iPhone / iPad (considerando todos los dispositivos en modo vertical) . Tenga en cuenta que hay bastantes variaciones dentro de ese rango, por lo que si está creando un número pequeño de diseños de relación de aspecto fijo, tendrá que decidir cómo manejar las pantallas impares "intermedias".

La solución mínima de "modo retrato" es compatible con 1.3333, lo que da como resultado un espacio no utilizado en la parte superior e inferior, en todas las resoluciones con mayor relación de aspecto.
Lo más probable es que lo diseñe para que se extienda sobre el rango de 1.333 a 1.666. Pero a veces parte de tu diseño parece demasiado distorsionado.

NOTA: Para texto, puede diseñar para 1.3333, luego aumentar el espacio entre líneas para 1.666, aunque parecerá bastante escaso. Para los gráficos, diseñe para una relación intermedia , de modo que en algunas pantallas quede ligeramente aplastado, en otros quede ligeramente estirado. media geométrica de Sqrt (1333 x 1667) ~ = 1491. Por lo tanto, diseñe para 1491 x 1000, que se estirará / aplastará en + -12% cuando se asigne a los casos extremos.

El siguiente refinamiento es diseñar el diseño como una pila de "bandas" de diferentes alturas que llenan el ancho de la pantalla . Luego, determine dónde puede "estirar o aplastar" la altura de una banda de forma más agradable, para ajustar las diferentes proporciones.

Por ejemplo, considere teléfonos imaginarios con 1333 x 1000 píxeles y 1666 x 1000 píxeles. Supongamos que tiene dos "bandas", y su "banda" principal es cuadrada, entonces es 1000 x 1000. La segunda banda es 333 x 1000 en una pantalla, 666 x 1000 en la otra, todo un rango para diseñar.
Puede decidir si su banda principal se ve bien alterada 10% hacia arriba o hacia abajo, y aplastarla 900 x 1000 en la pantalla de 1333 x 1000, dejando 433 x 1000. Luego estirarla a 1100 x 1000 en pantalla de 1666 x 1000, dejando 566 x 1000. Por lo tanto, su segunda banda ahora necesita ajustarse solo entre 433 y 566, que tiene una media geométrica de Sqrt (433 x 566) ~ = 495. Entonces, diseñe para 495 x 1000, que se estirará / aplastará con + -14 % cuando se asigna a los casos extremos.

Estos son los tamaños. Intenta echar un vistazo en Supporting Mutiple 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).

Lo uso para hacer más de un diseño:

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 recientemente agregó esta completa lista de dispositivos de referencia y resoluciones, incluidos los nuevos tipos de dispositivos, tales como wearables y computadoras portátiles:

design.google.com/devices

Puedes ver muchos tamaños de pantalla en este sitio .

Lista pausada de pantallas :

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

Dejo caer un montón de pantallas same-dp del mismo tamaño, ignoro el cambio de altura / ancho e incluyo algunos resultados de clasificación.

hdpi 480x800 px Samsung S2

xhdpi 720x1280 px - Nexus 4 teléfono - 4.7,4.8 pulgadas Samsung Galaxy S3 Motorola Moto G

xxhdpi 1080x1920 px - Nexus 5 teléfono - 4.95 pulgadas Samsung Galaxy S4 Samsung Galaxy S5 Samsung Galaxy Note 3 - 5.7 pulgadas LG G2 HTC One M8 HTC One M9 Sony Xperia Z1
Sony Xperia Z2 Sony Xperia Z3 Sony Xperia Z3 +

xxxhdpi 1440x2560 px - Nexus 6 phablet - 6 pulgadas Samsung S6 Samsung S6 Edge Samsung Galaxy Note 4 - 5.7 pulgadas LG G3
LG G4

xxhdpi 1920 × 1200 px - Nexus 7 tableta - 7 pulgadas Sony Z3 Tablet Compacto LG G Pad 8.3 - 8.3 pulgadas Sony Xperia Z2 Tablet - 10.1 pulgadas

xxxhdpi 2560 × 1600 px - Nexus 10 tableta - 10.1 pulgadas ~ Google Nexus 9 Sony Xperia Z4 tableta Samsung Galaxy Note Pro 12.2 Samsung Galaxy Note 10.1 Samsung Galaxy Tab S 10.5 Dell Venue 8 7840