Quali sono le dimensioni utilizzate per la schermata iniziale dell'applicazione iOS?


96

Sto sviluppando un'applicazione utilizzando iOS SDK. Ho bisogno di sapere di quali Defaultdimensioni dello splash screen ho bisogno.


2
Solo una nota a parte: ricorda che iOS sconsiglia l'uso di schermate iniziali. Usa invece un'immagine di avvio. Sono tecnicamente uguali, ma concettualmente diversi. Una schermata iniziale viene solitamente utilizzata come immagine del marchio, mentre una schermata di avvio è un'immagine prerenderizzata della tua interfaccia utente che dà all'utente l'impressione che l'app si stia caricando più velocemente. Controlla le linee guida dell'interfaccia umana iOS in questa preoccupazione
Hugo A

Risposte:


179

Aggiornamento 2018: non utilizzare queste informazioni!

Lascio il post qui sotto a scopo di riferimento.

Si prega di leggere la documentazione di Apple Human Interface Guidelines - Launch Screens per i dettagli sulle schermate di avvio e sui consigli.

Grazie
Drekka


Luglio 2012 - Poiché questa risposta è piuttosto vecchia, ma sembra popolare. Ho scritto un post sul blog basato sul documento di Apple e l'ho inserito nel mio blog . Spero che lo troviate utile.

Sì. Nello sviluppo per iPhone / iPad il Default.pngfile viene visualizzato automaticamente dal dispositivo in modo da non doverlo programmare, il che è davvero utile. Non ce l'ho con me, ma hai bisogno di PNG diversi per l'iPad con nomi specifici. Ho cercato su GoogleiPad default png e ho ottenuto queste informazioni dal sito phunkwerks :


iPad Avvia Orientamenti immagine

Per gestire varie opzioni di orientamento, è stata creata una nuova convenzione di denominazione per le immagini di avvio di iPad. La dimensione dello schermo dell'iPad è 768 × 1024, l'avviso nelle dimensioni che seguono l'altezza tiene conto di una barra di stato di 20 pixel.

Dimensioni nome file

  • Default-Portrait.png * - 768 l x 1024 a
  • Default-PortraitUpsideDown.png - 768 l x 1024 a
  • Default-Landscape.png ** - 1024 l x 748 a
  • Default-LandscapeLeft.png - 1024 l x 748 a
  • Default-LandscapeRight.png - 1024 l x 748 a
  • iPad-Retina–Portrait.png - 1536 l x 2048 a
  • iPad-Retina–Landscape.png - 2048 l x 1496 a
  • Default.png - Non consigliato

* - Se non è stato specificato un Default-PortraitUpsideDown.pngfile, questo file avrà la precedenza.

** - Se non hai specificato un file di immagine Default-LandscapeLeft.pngo Default-LandscapeRight.png, questo file avrà la precedenza.

Anche questo collegamento alla "Libreria per sviluppatori di Apple" è utile.


16
Nota che Default.png è ciò che viene utilizzato per l'iPhone quando si esegue l'applicazione universale su quel dispositivo, quindi deve essere la tua immagine standard 320 x 480 o 320 x 460. "Non consigliato" è solo per le applicazioni solo per iPad.
Brad Larson

2
Grazie! Ora sto usando un Default-Portrait.png con 768w x 1024h anche questa dimensione sembra funzionare.
powtac

1
Per impostazione predefinita, la mia app funziona in modalità orizzontale. Ma come posso specificare un'immagine orizzontale predefinita per iPhone?
Satyam

2
Vale la pena notare che se stai usando versioni localizzate, devi rimuovere questi file dalla tua cartella principale e metterli nella tua directory <lingua> .lproj.
Jose Muanis

3
Il collegamento al blog nel post non funziona più. Anche il collegamento sopra al Web per sviluppatori Apple non funziona più.
fisica il

31

A partire da luglio 2013 (iOS 6), questo è ciò che usiamo sempre:

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)

4
Default-568h@2x.png non dovrebbe essere 640 x 1136?
UXUiOS

16

Per iOS7 crea immagini di avvio nelle seguenti dimensioni:

Per iPhone 5 e iPod touch (5a generazione):

  • 640 x 1136 pixel

Per altri dispositivi iPhone e iPod touch:

  • 640 x 960 pixel
  • 320 x 480 pixel (risoluzione standard)

Per iPad verticale:

  • 1536 x 2048 pixel
  • 768 x 1024 pixel (risoluzione standard)

Per iPad orizzontale:

  • 2048 x 1536 pixel
  • 1024 x 768 pixel (risoluzione standard)

Vedi le risorse di progettazione per iOS 7> Linee guida per l'interfaccia umana iOS> Avvia immagini

AGGIORNAMENTO 1

Per iPhone 6:

  • 750 x 1334 (@ 2x) per il ritratto
  • 1334 x 750 (@ 2x) per il paesaggio

Per iPhone 6 Plus:

  • 1242 x 2208 (@ 3x) per il ritratto
  • 2208 x 1242 (@ 3x) per il paesaggio

AGGIORNAMENTO 2

Per iPhone X:

  • 1125 x 2436 (@ 3x) per il ritratto
  • 2436 x 1125 (@ 3x) per il paesaggio

Fratello, potresti controllare la mia domanda stackoverflow.com/questions/43955856/… ?
May Phyu

1
vorrei che ci fosse un bel tavolo qui con il nome del file e la risoluzione dell'immagine per ogni voce, oh e dimentica iOS 5,6,7. siamo nel 2017.
Computingfreak

8

Puoi renderli 1024 x 768. Puoi anche selezionare "La barra di stato è inizialmente nascosta" nel file plist.


5

Aggiornamento 2020 - Xcode 11

In Xcode 11, puoi fornire solo un'immagine con scale 1x, 2x e 3x, quindi impostarla LaunchScreen.storyboardper riempire lo schermo e tutto va bene!

Ad esempio: (1242pt x 2688pt @ 1x)

Questa è la dimensione dello schermo verticale di iPhone 11 Pro Maxcui è la grande dimensione dello schermo dell'iPhone, ma ti darà una schermata iniziale di alta qualità su tutti i dispositivi iOS.

Aggiornamento 2019 - iOS 12

Ho raccolto tutte le dimensioni necessarie per la schermata iniziale. Tutto ciò di cui hai bisogno è semplicemente trascinare le immagini con queste dimensioni e rilasciarle, Xcode posizionerà ogni dimensione nel posto giusto.

In bocca al lupo.

Dimensioni:

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

Il conteggio delle immagini richieste è 26 immagini ma ci sono 6 dimensioni duplicate, quindi scoprirai che le dimensioni sopra sono solo 20.


Quindi ho bisogno di 20 immagini diverse solo per la schermata iniziale? Sul serio?
Tejas K

Sì. Non è cosi difficile! Il tuo designer dovrebbe farlo facilmente.
Essam Mohamed Fahmi

Puoi utilizzare qualsiasi generatore di splash screen online .. quindi fornendo una singola immagine .. genererà tutto lo splash richiesto di tutte le dimensioni
kumar

3

Qui posso aggiungere risoluzioni e specifiche di visualizzazione per le dimensioni di iPhone 6 e 6+:

iPhone 6+ - Risoluzione risorse (@ 3x) - Risoluzione (2208 x 1242) px

iPhone 6 - Risoluzione risorse (@ 2x) - Risoluzione (1334 x 750) px

iPad Air / Retina iPad (1a e 2a generazione / 3a e 4a) - Risoluzione risorse (@ 2x) - Risoluzione (2048 x 1536) px

iPad Mini (2a e 3a generazione) - Risoluzione risorse (@ 2x) - Risoluzione (2048 x 1536) px

iPhone (6, 5S, 5, 5C, 4S, 4) - Icona app (120x120 px) - Icona AppStore (1024x1024 px) - Spotlight (80x80 px) - Impostazioni (58x58 px)

iPhone (6+) - Icona App (180x180 px) - Icona AppStore (1024x1024 px) - Spotlight (120x120 px) - Impostazioni (87x87 px)



Per iPhone 6: 750 x 1334 (@ 2x) per verticale 1334 x 750 (@ 2x) per orizzontale Per iPhone 6 Plus: 1242 x 2208 (@ 3x) per
verticale

@imti, potresti per favore controllare la mia domanda stackoverflow.com/questions/43955856/… fratello?
May Phyu

@ MayPhyu Scusa fratello, ero fuori contatto per un motivo improvviso. Spero che il tuo problema sia stato risolto. Se non è ancora chiaro, fammelo sapere.
imti

fratello @imti, va tutto bene fratello. È stato risolto. Ma ho qualche problema. Potresti aiutarmi a controllare questo link stackoverflow.com/questions/44304498/… ?
May Phyu,

3

Per Xcode 9 e dispositivi più recenti

Ritratto

iPhone 4 / 4S 640 x 960

iPhone 5 / 5C / 5S iPod touch 5a generazione 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 non retina 768 x 1024

Retina iPad 1536 x 2048

Paesaggio

iPhone 6, 7 e 8 più 2208 x 1242

iPhone X 2436 x 1125

iPad non retina 1024 x 768

Retina iPad 2048 x 1536



1

Con l'app universale avevo la schermata iniziale dell'iPad visualizzata nel simulatore ma non sul dispositivo. L'iPad mostrerebbe invece lo splash Default.png per l'iPhone. I file Default-Landscape.png e Default-Portrait.png esistono, quindi con quale? La risoluzione dovrebbe essere corretta poiché ho creato le catture dello schermo utilizzando Window | Organizzatore | Schermate e "Salva come immagine predefinita" per l'iPad, quindi rinominato.

Risulta (dalla mia unica app comunque) le due schermate dell'iPad devono essere spostate nella directory Risorse-iPad. Allora funziona tutto bene. Sembra ovvio ora, ma nel caso qualcun altro abbia perso il sonno per questo ... -Larry


1

Per gli sviluppatori Adobe AIR iOS, tieni presente che se le immagini Splash di iPad "si spostano" o vengono visualizzate e ridimensionate un secondo dopo, è perché ci sono dimensioni diverse a seconda della versione di AIR che stai utilizzando.

Default-Portrait.png:
768 x 1004 (AIR 3.3 e versioni precedenti)
768 x 1024 (AIR 3.4 e versioni successive)

Default-Portrait@2x.png:
1536 x 2008 (AIR 3.3 e versioni precedenti)
1536 x 2048 (AIR 3.4 e versioni successive)

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

Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.