Especificaciones de tamaño de interfaz de usuario para iPhone/iPad/Android.

Tamaño de la interfaz del iPhone.

Equipo resolución PPI Altura de la barra de estado Altura de la barra de navegación Altura de la barra de etiquetas

iphone 11 Pro Max

1242×2688 px 458PPI 132px 132px 147px

iphone XS Max

1242×2688 px 458PPI 132px 132px 147px

iphone XS

1125×2436 px 458PPI 132px 132px 147px

iphone 11 Pro

828×1792 px 326PPI 88px 88px 98px

iphone XR

828×1792 px 326PPI 88px 88px 98px

iphone 11

828×1792 px 326PPI 88px 88px 98px

iphone X

1125×2436 px 458PPI 132px 132px 147px

iphone 8 plus

1242×2208 px 401PPI 60px 132px 147px

iphone 8

750×1334 px 326PPI 40px 88px 98px

iphone 7 plus

1242×2208 px 401PPI 60px 132px 147px

iphone 7

750×1334 px 326PPI 40px 88px 98px

Diseño del iPhone 6 Plus

1242×2208 px 401PPI 60px 132px 146px

iPhone 6 Plus versión ampliada

1125×2001 px 401PPI 54px 132px 146px

iPhone 6 Plus versión física

1080×1920 px 401PPI 54px 132px 146px

iPhone6

750×1334 px 326PPI 40px 88px 98px

iPhone5 - 5C - 5S

640×1136 px 326PPI 40px 88px 98px

iPhone4 - 4S

640×960 px 326PPI 40px 88px 98px

iPhone & iPod Touch第一代、第二代、第三代

320×480 px 163PPI 20px 44px 49px

Tamaño del ícono de iPhone:

Equipo App Store Aplicación del programa Pantalla principal Búsqueda Spotlight barra de etiquetas Barra de herramientas y barra de navegación

iPhone7,8 (@2×)

1024×1024 px 180×180 px 114×114 px 87×87 px 75×75 px 66×66 px

iPhone6 Plus (@3×)

1024×1024 px 180×180 px 114×114 px 87×87 px 75×75 px 66×66 px

iPhone6 (@2×)

1024×1024 px 120×120 px 114×114 px 58×58 px 75×75 px 44×44 px

iPhone5 - 5C - 5S (@2×)

1024×1024 px 120×120 px 114×114 px 58×58 px 75×75 px 44×44 px

iPhone4 - 4S (@2×)

1024×1024 px 120×120 px 114×114 px 58×58 px 75×75 px 44×44 px

iPhone & iPod Touch第一代、第二代、第三代

1024×1024 px 120×120 px 57×57 px 29×29 px 38×38 px 30×30 px



Dimensiones de diseño del iPad.

Equipo Tamaño resolución Altura de la barra de estado Altura de la barra de navegación Altura de la barra de etiquetas

iPad 3 - 4 - 5 - 6 - Air - Air2 - mini2

2048×1536 px 264PPI 40px 88px 98px

iPad 1 - 2

1024×768 px 132PPI 20px 44px 49px

iPad Mini

1024×768 px 163PPI 20px 44px 49px


Tamaño del ícono del iPad:

Equipo App Store Aplicación del programa Pantalla principal Búsqueda Spotlight barra de etiquetas Barra de herramientas y barra de navegación

iPad 3 - 4 - 5 - 6 - Air - Air2 - mini2

1024×1024 px 180×180 px 144×144 px 100×100 px 50×50 px 44×44 px

iPad 1 - 2

1024×1024 px 90×90 px 72×72 px 50×50 px 25×25 px 22×22 px

iPad Mini

1024×1024 px 90×90 px 72×72 px 50×50 px 25×25 px 22×22 px


Tamaño del emulador de Android SDK.

Tamaño de la pantalla baja densidad (120) Densidad media (160) Alta densidad (240) ultra alta densidad (320)

pantalla pequeña

QVGA（240×320） 480×640

Pantalla normal

WQVGA400（240×400） WQVGA432（240×432） HVGA（320×480） WVGA800（480×800） WVGA854（480×854） 600×1024 640×960

pantalla grande

WVGA800 *（480×800） WVGA854 *（480×854） WVGA800 *（480×800） WVGA854 *（480×854） 600x1024

pantalla gigante

1024×600 1024×768 1280×768WXGA（1280×800） 1536×1152 1920×1152 1920×1200 2048×1536 2560×1600

Tamaños de iconos de Android

Tamaño de la pantalla Icono de inicio Iconos de la barra de herramientas Icono de contexto Icono de notificación del sistema (blanco) el trazo más fino

320×480 px

48×48 px 32×32 px 16×16 px 24×24 px no menor de 2 px

480×800px 480×854px 540×960px

72×72 px 48×48 px 24×24 px 36×36 px no menor de 3 px

720×1280 px

48×48 dp 32×32 dp 16×16 dp 24×24 dp no menos de 2 decimales

1080×1920 px

144×144 px 96×96 px 48×48 px 72×72 px no menor de 6 px

Tabla de conversión de dp/sp/px en el sistema Android.

Nombre resolución tasa (para 320px) tasa (para 640px) tasa (para 750px)

idpi

240×320 0.75 0.375 0.32

mdpi

320×480 1 0.5 0.4267

hdpi

480×800 1.5 0.75 0.64

xhdpi

720×1280 2.25 1.125 1.042

xxhdpi

1080×1920 3.375 1.6875 1.5

Resoluciones y tamaños de pantalla de los teléfonos Android más populares.

Equipo resolución Tamaño Equipo resolución Tamaño

vivoZ6

6.57 pulgadas 2400*1080 px

vivoiQOO 3

6.44 pulgadas 2400*1080 px

vivoiQOO Neo 855 versión de competición

6.38 pulgadas 2340*1080 px

vivovivo x30

6.4 pulgadas 2400*1080 px

OPPOReno

6.4 pulgadas 2340*1080 px

OPPOFind X2

6.7 pulgadas 3168*1440 px

OPPO Reno3 Vitality Edition

6.4 pulgadas 3240*1080 px

Find X2 Pro

6.7 pulgadas 3168*1440 px

Samsung Galaxy S10+

6.4 pulgadas 3040*1440 px

Samsung Galaxy Note10

6.3 pulgadas 2280*1080 px

Samsung Galaxy S10

6.1 pulgadas 3040*1440 px

Samsung Galaxy A90

6.7 pulgadas 1080*2400 px

Meizu Note 9

6.2 pulgadas 2244*1080 px

Meizu 16T

6.5 pulgadas 2232*1080 px

Meizu X8

6.2 pulgadas 2220*1080 px

Meizu 16 X

6.0 pulgadas 2160*1080 px

Huawei Mate 30

6.62 pulgadas 2340×1080 px

Huawei P40 Pro

6.58 pulgadas 2640×1200 px

Huawei P30

6.1 pulgadas FHD+ 2340*1080

Huawei nova 6

6.57 pulgadas 2400x1080 px

Xiaomi 10

6.67 pulgadas 2340×1080 px

Xiaomi 10 Pro

6.67 pulgadas 2340×1080 px

Xiaomi Redmi Note 8

6.3 pulgadas 2340*1080 FHD+

Xiaomi Redmi Note 8 Pro

6.53 pulgadas 2340*1080 FHD+

Meizu MX2

4.4 pulgadas 800×1280 px

Meizu MX3

5.1 pulgadas 1080×1280 px

Meizu MX4

5.36 pulgadas 1152×1920 px 5.5 pulgadas 1536×2560 px

Samsung GALAXY Note 4

5.7 pulgadas 1440×2560 px

Samsung GALAXY Note 3

5.7 pulgadas 1080×1920 px

Samsung GALAXY S5

5.1 pulgadas 1080×1920 px

Samsung GALAXY Note II

5.5 pulgadas 720×1280 px

Sony Xperia Z3

5.2 pulgadas 1080×1920 px

Sony XL39h

6.44 pulgadas 1080×1920 px

HTC Desire 820

5.5 pulgadas 720×1280 px

HTC One M8

4.7 pulgadas 1080×1920 px

OPPO Find 7

5.5 pulgadas 1440×2560 px

OPPO N1

5.9 pulgadas 1080×1920 px

OPPO R3

5 pulgadas 720×1280 px

OPPO N1 Mini

5 pulgadas 720×1280 px

Xiaomi M4

5 pulgadas 1080×1920 px

Xiaomi Redmi Note

5.5 pulgadas 720×1280 px

Xiaomi M3

5 pulgadas 1080×1920 px

Xiaomi Redmi 1S

4.7 pulgadas 720×1280 px
5 pulgadas 1080×1920 px

Xiaomi M2S

4.3 pulgadas 720×1280 px

Huawei Honor 6

5 pulgadas 1080×1920 px

Hammer T1

4.95 pulgadas 1080×1920 px

LG G3

5.5 pulgadas 1440×2560 px

OnePlus One

5.5 pulgadas 1080×1920 px

Parámetros de interfaz y cuota de los navegadores principales.

navegador barra de estado barra de menú barra de desplazamiento Cuota de mercado (nacional)

Navegador Chrome

22 px (aparecer flotante) 60 px 15 px 8%

Mozilla Firefox

20 px 132 px 15 px 1%

Navegador IE

24 px 120 px 15 px 35%

Navegador 360

24 px 140 px 15 px 28%

Navegador Aoyou

24 px 147 px 15 px 1%

Navegador Sogou

25 px 163 px 15 px 5%

Estadísticas de resolución del sistema

resolución cuota de mercado resolución cuota de mercado

1366×768

15%

1440×900

13%

1920×1080

11%

1600×900

5%

1280×800

4%

1280×1024

3%

1680×1050

2.8%

320×480

2.4%

480×800

2%

1280×768

1%

Recientemente has utilizado:

Coleccionar Menú QQ