¿Cuáles son los tamaños utilizados para la pantalla de presentación de la aplicación iOS?

96

Estoy desarrollando una aplicación con el SDK de iOS. Necesito saber qué Defaulttamaños de pantalla de presentación necesito.

a111
fuente
2
Solo un comentario: recuerde que iOS desaconseja el uso de pantallas de presentación. En su lugar, utilice una imagen de lanzamiento. Son técnicamente iguales, pero conceptualmente diferentes. Una pantalla de bienvenida se usa generalmente como una imagen de marca, mientras que una pantalla de inicio es una imagen renderizada previamente de su interfaz de usuario que le da al usuario la impresión de que la aplicación se está cargando más rápido. Consulte las pautas de interfaz humana de iOS en esta preocupación
Hugo A,

Respuestas:

179

Actualización 2018 - ¡No utilices esta información!

Dejo la publicación a continuación para fines de referencia.

Lea la documentación de Apple Pautas de interfaz humana - Pantallas de inicio para obtener detalles sobre las pantallas de inicio y recomendaciones.

Gracias
Drekka


Julio de 2012: esta respuesta es bastante antigua, pero las imágenes fijas parecen populares. Escribí una publicación de blog basada en el documento de Apple y la coloqué en mi blog . Espero que les resulte útil.

Si. En el desarrollo de iPhone / iPad, Default.pngel dispositivo muestra el archivo automáticamente para que no tenga que programarlo, lo cual es realmente útil. No lo tengo conmigo, pero necesitas diferentes PNG para el iPad con nombres específicos. Busqué en Google iPad default pngy obtuve esta información del sitio de phunkwerks :


Orientaciones de la imagen de lanzamiento del iPad

Para hacer frente a varias opciones de orientación, se ha creado una nueva convención de nomenclatura para las imágenes de lanzamiento del iPad. El tamaño de la pantalla del iPad es de 768 × 1024, fíjese en las dimensiones que siguen a la altura se tiene en cuenta una barra de estado de 20 píxeles.

Dimensiones del nombre de archivo

  • Default-Portrait.png * - 768 ancho x 1024 alto
  • Default-PortraitUpsideDown.png - 768 ancho x 1024 alto
  • Default-Landscape.png ** - 1024 ancho x 748 alto
  • Default-LandscapeLeft.png - 1024 ancho x 748 alto
  • Default-LandscapeRight.png - 1024 ancho x 748 alto
  • iPad-Retina–Portrait.png - 1536 ancho x 2048 alto
  • iPad-Retina–Landscape.png - 2048 ancho x 1496 alto
  • Default.png - No recomendado

*: Si no ha especificado un Default-PortraitUpsideDown.pngarchivo, este tendrá prioridad.

** - Si no ha especificado un archivo de imagen Default-LandscapeLeft.pngo Default-LandscapeRight.png, este archivo tendrá prioridad.

Este enlace a la "Biblioteca de desarrolladores de Apple" también es útil.

drekka
fuente
16
Tenga en cuenta que Default.png es lo que se usa para el iPhone cuando se ejecuta la aplicación universal en ese dispositivo, por lo que debe ser su imagen estándar de 320 x 480 o 320 x 460. El "no recomendado" es solo para aplicaciones solo para iPad.
Brad Larson
2
¡Gracias! Ahora estoy usando un Default-Portrait.png con 768w x 1024h, este tamaño parece funcionar también.
Powtac
1
Mi aplicación funcionará de forma predeterminada en modo horizontal. Pero, ¿cómo puedo especificar una imagen horizontal por defecto para iPhone?
Satyam
2
Vale la pena señalar que si está utilizando versiones localizadas, debe eliminar estos archivos de su carpeta raíz y ponerlos en su directorio <idioma> .lproj.
Jose Muanis
3
El enlace al blog en la publicación ya no funciona. El enlace anterior a la web de desarrolladores de Apple tampoco funciona.
física
31

A partir de julio de 2013 (iOS 6), esto es lo que siempre usamos:

IPHONE SPLASH 
Default.png - 320 x 480
Default@2x.png - 640 x 960 
Default-568h@2x.png - 640 x 1096 (with status bar)
Default-568h@2x.png - 640 x 1136 (without status bar)

IPAD SPLASH 
iPadImage-Appname-Portrait.png * 768w x 1004h (with status bar)
iPadImage-Appname-Portrait@2x.png * 1536w x 2008h (with status bar)
iPadImage-Appname-Landscape.png ** 1024w x 748h (with status bar)
iPadImage-Appname-Landscape@2x.png ** 2048w x 1496h (with status bar)

iPadImage-Appname-Portrait.png * 768w x 1024h (without status bar)
iPadImage-Appname-Portrait@2x.png * 1536w x 2048h (without status bar)
iPadImage-Appname-Landscape.png ** 1024w x 768h (without status bar)
iPadImage-Appname-Landscape@2x.png ** 2048w x 1536h (without status bar)

ICON
Appname-29.png
Appname-29@2x.png
Appname-50.png
Appname-50@2x.png
Appname-57.png
Appname-57@2x.png
Appname-72.png
Appname-72@2x.png
iTunesArtwork (512px x 512px)
iTunesArtwork@2x (1024px x 1024px)
Andrew Johnson
fuente
4
¿No debería [email protected] ser 640 x 1136?
UXUiOS
16

Para iOS7, cree imágenes de lanzamiento en los siguientes tamaños:

Para iPhone 5 y iPod touch (quinta generación):

  • 640 x 1136 píxeles

Para otros dispositivos iPhone y iPod touch:

  • 640 x 960 píxeles
  • 320 x 480 píxeles (resolución estándar)

Para retrato de iPad:

  • 1536 x 2048 píxeles
  • 768 x 1024 píxeles (resolución estándar)

Para iPad paisaje:

  • 2048 x 1536 píxeles
  • 1024 x 768 píxeles (resolución estándar)

Consulte Recursos de diseño de iOS 7> Directrices de interfaz humana de iOS> Imágenes de lanzamiento

ACTUALIZACIÓN 1

Para iPhone 6:

  • 750 x 1334 (@ 2x) para retrato
  • 1334 x 750 (@ 2x) para paisaje

Para iPhone 6 Plus:

  • 1242 x 2208 (@ 3x) para retrato
  • 2208 x 1242 (@ 3x) para paisaje

ACTUALIZACIÓN 2

Para iPhone X:

  • 1125 x 2436 (@ 3x) para retrato
  • 2436 x 1125 (@ 3x) para paisaje
Yo voy
fuente
Hermano, ¿podrías revisar mi pregunta stackoverflow.com/questions/43955856/… ?
Mayo Phyu
1
Ojalá hubiera una buena mesa aquí con el nombre de archivo y la resolución de imagen para cada entrada, oh, y olvídate de iOS 5,6,7. estamos en 2017.
computingfreak
8

Puede hacerlos 1024 x 768. También puede marcar "La barra de estado está inicialmente oculta" en el archivo plist.

RanLearns
fuente
5

Actualización 2020 - Xcode 11

En Xcode 11, puede proporcionar solo una imagen con escalas 1x, 2x y 3x, luego configurarla LaunchScreen.storyboardpara llenar la pantalla y ¡todo va bien!

Por ejemplo: (1242pt x 2688pt @ 1x)

Este es el tamaño de la pantalla vertical del iPhone 11 Pro Maxcual es el tamaño de la pantalla grande del iPhone, por lo que le brindará una pantalla de bienvenida de alta calidad en todos los dispositivos iOS.

Actualización 2019 - iOS 12

He recopilado todos los tamaños necesarios para la pantalla de presentación. Todo lo que necesitas es arrastrar imágenes con estos tamaños y soltarlas, Xcode colocará cada tamaño en el lugar correcto.

Buena suerte.

Tamaños:

320 × 480

640 × 960

640 × 1136

750 × 1334

768 × 1004

768 × 1024

828 × 1792

1024 × 748

1024 × 768

1125 × 2436

1242 × 2208

1242 × 2688

1536 × 2008

1536 × 2048

1792 × 828

2048 × 1496

2048 × 1536

2208 × 1242

2436 × 1125

2688 × 1242

Nota

El recuento de imágenes requeridas es de 26 imágenes, pero hay 6 tamaños duplicados, por lo que encontrará que los tamaños anteriores son solo 20.

Essam Mohamed Fahmi
fuente
¿Entonces necesito 20 imágenes diferentes solo para la pantalla de inicio? ¿Seriamente?
Tejas K
Si. ¡No es tan difícil! Tu diseñador debería hacerlo fácilmente.
Essam Mohamed Fahmi
Puede usar cualquier generador de pantalla de presentación en línea ... así que al proporcionar una sola imagen ... generará toda la presentación requerida de todos los tamaños
kumar
3

Aquí puedo agregar resoluciones y especificaciones de pantalla para el tamaño del iphone 6 y 6+:

iPhone 6+ - Resolución de activos (@ 3x) - Resolución (2208 x 1242) px

iPhone 6 - Resolución de activos (@ 2x) - Resolución (1334 x 750) px

iPad Air / Retina iPad (1.a y 2.a generación / 3.a y 4.a) - Resolución de activos (@ 2x) - Resolución (2048 x 1536) px

iPad Mini (2.a y 3.a generación) - Resolución de activos (@ 2x) - Resolución (2048 x 1536) px

iPhone (6, 5S, 5, 5C, 4S, 4) - Icono de la aplicación (120x120 px) - Icono de la AppStore (1024x1024 px) - Spotlight (80x80 px) - Configuración (58x58 px)

iPhone (6+) - Icono de la aplicación (180x180 px) - Icono de la AppStore (1024x1024 px) - Spotlight (120x120 px) - Configuración (87x87 px)

imti
fuente
iPhone 6+ la resolución es
1242 x
Para iPhone 6: 750 x 1334 (@ 2x) para retrato 1334 x 750 (@ 2x) para paisaje Para iPhone 6 Plus: 1242 x 2208 (@ 3x) para retrato 2208 x 1242 (@ 3x) para paisaje
imti
@imti, ¿podrías consultar mi pregunta stackoverflow.com/questions/43955856/… hermano?
Mayo Phyu
@MayPhyu Lo siento hermano, estaba fuera de contacto por una razón repentina. Espero que su problema haya sido resuelto. Si aún no se ha aclarado, avíseme.
imti
hermano @imti, está bien hermano. Fue arreglado. Pero tengo algún problema. ¿Podría ayudarme a consultar este enlace stackoverflow.com/questions/44304498/… ?
Mayo Phyu
3

Para Xcode 9 y dispositivos más recientes

Retrato

iPhone 4 / 4S 640 x 960

iPhone 5 / 5C / 5S iPod touch 5.a generación 640 x 1136

iPhone 6/7/8 7 50 x 1334

iPhone 6/7/8 Plus 1242 x 2208

iPhone X 1125 x 2436

iPad sin retina 768 x 1024

Retina de iPad 1536 x 2048

Paisaje

iPhone 6, 7 y 8 más 2208 x 1242

iPhone X 2436 x 1125

iPad no retina 1024 x 768

Retina de iPad 2048 x 1536

Ghulam Rasool
fuente
1

Con la aplicación universal, tenía la pantalla de presentación del iPad en el simulador pero no en el dispositivo. En cambio, el iPad mostraría el splash Default.png para el iPhone. Los archivos Default-Landscape.png y Default-Portrait.png existentes, ¿con qué? La resolución debería ser correcta ya que creé las capturas de pantalla usando Window | Organizador | Capturas de pantalla y usó 'Guardar como imagen predeterminada' para el iPad, luego simplemente le cambió el nombre.

Resulta que (de mi única aplicación de todos modos) las dos capturas de pantalla del iPad deben moverse al directorio Resources-iPad. Entonces todo funciona bien. Parece obvio ahora, pero en caso de que alguien más haya perdido el sueño por esto ... -Larry

LDanberger
fuente
1

Para los desarrolladores de Adobe AIR iOS, tenga en cuenta que si las imágenes de su iPad Splash "cambian" o se muestran y escalan un segundo después, es porque hay diferentes dimensiones según la versión de AIR que esté utilizando.

Default-Portrait.png:
768 x 1004 (AIR 3.3 y versiones anteriores)
768 x 1024 (AIR 3.4 y versiones posteriores)

[email protected]:
1536 x 2008 (AIR 3.3 y versiones anteriores) 1536 x 2048 (AIR 3.4 y versiones
posteriores)

Referencia:
http://help.adobe.com/en_US/air/build/WS901d38e593cd1bac1e63e3d129907d2886-8000.html#WS901d38e593cd1bac58d08f9112e26606ea8-8000

Matt Cardoza
fuente