Welche Größen werden für den Begrüßungsbildschirm der iOS-Anwendung verwendet?

96

Ich entwickle eine Anwendung mit dem iOS SDK. Ich muss wissen, welche DefaultBegrüßungsbildschirmgrößen ich benötige.

iphone ios ipad splash-screen ipod-touch a111
quelle
2
Nur zur Seite: Denken Sie daran, dass iOS von der Verwendung von Begrüßungsbildschirmen abrät. Verwenden Sie stattdessen ein Startbild. Sie sind technisch gleich, aber konzeptionell unterschiedlich. Ein Begrüßungsbildschirm wird normalerweise als Markenbild verwendet, während ein Startbildschirm ein vorgerendertes Bild Ihrer Benutzeroberfläche ist, das dem Benutzer den Eindruck vermittelt, dass die App schneller geladen wird. Überprüfen Sie iOS Human Interface Gudelines in diesem Anliegen
Hugo A

Antworten:

179

Update 2018 - Bitte verwenden Sie diese Informationen nicht!

Ich verlasse den folgenden Beitrag zu Referenzzwecken.

Weitere Informationen zu Startbildschirmen und Empfehlungen finden Sie in der Apple-Dokumentation zu Human Interface Guidelines - Launch Screens .

Danke
Drekka

Juli 2012 - Da diese Antwort ziemlich alt ist, scheinen aber Standbilder beliebt zu sein. Ich habe einen Blog-Beitrag geschrieben, der auf Apples Dokument basiert, und ihn in meinem Blog platziert . Ich hoffe ihr findet es nützlich.

Ja. Bei der iPhone / iPad-Entwicklung wird die Default.pngDatei vom Gerät automatisch angezeigt, sodass Sie sie nicht programmieren müssen, was sehr nützlich ist. Ich habe es nicht bei mir, aber Sie benötigen verschiedene PNGs für das iPad mit bestimmten Namen. Ich habe gegoogelt iPad default pngund diese Informationen von der Phunkwerks- Website erhalten:

iPad Bildausrichtungen starten

Um mit verschiedenen Orientierungsoptionen fertig zu werden, wurde eine neue Namenskonvention für iPad-Startbilder erstellt. Die Bildschirmgröße des iPad beträgt 768 × 1024. Beachten Sie bei den Abmessungen, die der Höhe folgen, eine 20-Pixel-Statusleiste.

Dateinamen Abmessungen

  • Default-Portrait.png * - 768 W x 1024 H.
  • Default-PortraitUpsideDown.png - 768 W x 1024 H.
  • Default-Landscape.png ** - 1024 B x 748 H
  • Default-LandscapeLeft.png - 1024 B x 748 H
  • Default-LandscapeRight.png - 1024 B x 748 H
  • iPad-Retina–Portrait.png - 1536 B x 2048 H
  • iPad-Retina–Landscape.png - 2048 W x 1496 H.
  • Default.png - Nicht empfohlen

* - Wenn Sie keine Default-PortraitUpsideDown.pngDatei angegeben haben, hat diese Datei Vorrang.

** - Wenn Sie keine Default-LandscapeLeft.pngoder eine Default-LandscapeRight.pngBilddatei angegeben haben , hat diese Datei Vorrang.

Dieser Link zu "Apples Entwicklerbibliothek" ist ebenfalls nützlich.

drekka
quelle
16
Beachten Sie, dass die Datei Default.png für das iPhone verwendet wird, wenn die universelle Anwendung auf diesem Gerät ausgeführt wird. Daher muss es sich um Ihr Standardbild mit 320 x 480 oder 320 x 460 handeln. Das "nicht empfohlen" gilt nur für iPad-Anwendungen.
Brad Larson
2
Vielen Dank! Ich verwende jetzt ein Default-Portrait.png mit 768w x 1024h. Diese Größe scheint auch zu funktionieren.
Powtac
1
Meine App funktioniert standardmäßig im Querformat. Aber wie kann ich ein Querformat-Standardbild für das iPhone festlegen?
Satyam
2
Wenn Sie lokalisierte Versionen verwenden, müssen Sie diese Dateien aus Ihrem Stammordner entfernen und in Ihrem Verzeichnis <language> .lproj ablegen.
Jose Muanis
3
Der Link zum Blog im Beitrag funktioniert nicht mehr. Der obige Link zum Apple Developer Web funktioniert auch nicht mehr.
körperliche
31

Ab Juli 2013 (iOS 6) verwenden wir Folgendes immer:

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
quelle
4
Sollte [email protected] nicht 640 x 1136 sein?
UXUiOS
16

Erstellen Sie für iOS7 Startbilder in den folgenden Größen:

Für iPhone 5 und iPod touch (5. Generation):

  • 640 x 1136 Pixel

Für andere iPhone- und iPod touch-Geräte:

  • 640 x 960 Pixel
  • 320 x 480 Pixel (Standardauflösung)

Für iPad Porträt:

  • 1536 x 2048 Pixel
  • 768 x 1024 Pixel (Standardauflösung)

Für iPad Landschaft:

  • 2048 x 1536 Pixel
  • 1024 x 768 Pixel (Standardauflösung)

Siehe iOS 7-Designressourcen> Richtlinien für die Benutzeroberfläche von iOS> Bilder starten

UPDATE 1

Für iPhone 6:

  • 750 x 1334 (@ 2x) für Porträt
  • 1334 x 750 (@ 2x) für Landschaft

Für iPhone 6 Plus:

  • 1242 x 2208 (@ 3x) für Porträt
  • 2208 x 1242 (@ 3x) für Landschaft

UPDATE 2

Für iPhone X:

  • 1125 x 2436 (@ 3x) für Porträt
  • 2436 x 1125 (@ 3x) für Landschaft
ich gehe
quelle
Bro, Könnten Sie bitte meine Frage stackoverflow.com/questions/43955856/… überprüfen ?
Mai Phyu
1
Ich wünschte, es gäbe hier eine schöne Tabelle mit Dateinamen und Bildauflösung für jeden Eintrag, oh und vergiss iOS 5,6,7. Wir sind im Jahr 2017.
Computingfreak
8

Sie können sie 1024 x 768 erstellen. Sie können auch in der Plist-Datei überprüfen, ob die Statusleiste anfangs ausgeblendet ist.

RanLearns
quelle
5

Update 2020 - Xcode 11

In Xcode 11können Sie nur ein Bild mit 1x, 2x und 3x Skalierung bereitstellen und es dann so einstellen, dass es LaunchScreen.storyboardden Bildschirm ausfüllt, und alles läuft gut!

Zum Beispiel: (1242pt x 2688pt @ 1x)

Dies ist die Porträtbildschirmgröße, von iPhone 11 Pro Maxder die große iPhone-Bildschirmgröße noch vorhanden ist, sodass Sie auf allen iOS-Geräten einen hochwertigen Begrüßungsbildschirm erhalten.

Update 2019 - iOS 12

Ich habe alle für den Begrüßungsbildschirm benötigten Größen gesammelt. Sie müssen lediglich Bilder mit diesen Größen ziehen und ablegen. Xcode platziert jede Größe an der richtigen Stelle.

Viel Glück.

Größen:

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

Hinweis

Die Anzahl der erforderlichen Bilder beträgt 26 Bilder, es gibt jedoch 6 doppelte Größen, sodass Sie feststellen, dass die oben genannten Größen nur 20 sind.

Essam Mohamed Fahmi
quelle
Ich brauche also 20 verschiedene Bilder nur für den Begrüßungsbildschirm? Ernsthaft?
Tejas K
Ja. Es ist nicht so schwer! Ihr Designer sollte es leicht machen.
Essam Mohamed Fahmi
Sie können jeden Online-
Begrüßungsbildschirmgenerator verwenden. Wenn
3

Hier kann ich Auflösungen und Anzeigespezifikationen für iPhone 6 und 6+ hinzufügen:

iPhone 6+ - Asset-Auflösung (@ 3x) - Auflösung (2208 x 1242) px

iPhone 6 - Asset-Auflösung (@ 2x) - Auflösung (1334 x 750) px

iPad Air / Retina iPad (1. und 2. Generation / 3. und 4. Generation) - Asset-Auflösung (@ 2x) - Auflösung (2048 x 1536) px

iPad Mini (2. und 3. Generation) - Asset-Auflösung (@ 2x) - Auflösung (2048 x 1536) px

iPhone (6, 5S, 5, 5C, 4S, 4) - App-Symbol (120 x 120 Pixel) - AppStore-Symbol (1024 x 1024 Pixel) - Spotlight (80 x 80 Pixel) - Einstellungen (58 x 58 Pixel)

iPhone (6+) - App-Symbol (180 x 180 Pixel) - AppStore-Symbol (1024 x 1024 Pixel) - Spotlight (120 x 120 Pixel) - Einstellungen (87 x 87 Pixel)

imti
quelle
iPhone 6+ die Auflösung ist 1242x 2208. [( developer.apple.com/library/ios/documentation/UserExperience/…
Sumeet Mourya
Für iPhone 6: 750 x 1334 (@ 2x) für Hochformat 1334 x 750 (@ 2x) für Querformat Für iPhone 6 Plus: 1242 x 2208 (@ 3x) für Hochformat 2208 x 1242 (@ 3x) für
Querformat
@imti, Könnten Sie bitte meine Frage stackoverflow.com/questions/43955856/… bro überprüfen ?
Mai Phyu
@ MayPhyu Sorry Bro, ich war aus plötzlichen Gründen nicht in Kontakt. Ich hoffe, Ihr Problem wurde gelöst. Wenn es immer noch unklar ist, lass es mich wissen.
Imti
bro @imti, es ist ok bro. Es wurde behoben. Aber ich habe kein Problem. Könnten Sie mir bitte helfen, diesen Link zu überprüfen stackoverflow.com/questions/44304498/… ?
Mai Phyu
3

Für Xcode 9 und die neuesten Geräte

Porträt

iPhone 4 / 4S 640 x 960

iPhone 5 / 5C / 5S iPod touch 5. Generation 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 ohne Netzhaut 768 x 1024

iPad Netzhaut 1536 x 2048

Landschaft

iPhone 6, 7 und 8 plus 2208 x 1242

iPhone X 2436 x 1125

iPad ohne Netzhaut 1024 x 768

iPad Netzhaut 2048 x 1536

Ghulam Rasool
quelle
1

Mit der universellen App wurde der iPad-Begrüßungsbildschirm im Simulator angezeigt, aber nicht auf dem Gerät. Das iPad zeigt stattdessen den Splash Default.png für das iPhone an. Die Dateien Default-Landscape.png und Default-Portrait.png sind vorhanden. Die Auflösung sollte korrekt sein, da ich die Screenshots mit Windows | erstellt habe Veranstalter | Screenshots und verwendet als Standardbild speichern für das iPad, dann einfach umbenannt.

Es stellt sich heraus (von meiner einen App jedenfalls), dass die beiden iPad-Screenshots in das Ressourcen-iPad-Verzeichnis verschoben werden müssen. Dann funktioniert alles gut. Scheint jetzt offensichtlich, aber für den Fall, dass jemand anderes den Schlaf verloren hat ... -Larry

LDanberger
quelle
1

Beachten Sie bei Adobe AIR iOS-Entwicklern, dass je nachdem, welche AIR-Version Sie verwenden, unterschiedliche Abmessungen vorliegen, wenn sich Ihre iPad Splash-Bilder "verschieben" oder eine Sekunde später anzeigen und skalieren.

Default-Portrait.png:
768 x 1004 (AIR 3.3 und früher)
768 x 1024 (AIR 3.4 und höher)

[email protected]:
1536 x 2008 (AIR 3.3 und früher)
1536 x 2048 (AIR 3.4 und höher)

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

Matt Cardoza
quelle