Splash Screen Guide: iOS und Android Launch-Artwork

Kurze Antwort: Ein Splash Screen ist der kurze gebrandete Bildschirm, der während des Ladens Ihrer App angezeigt wird. Auf iOS erstellen Sie ihn als Launch Screen, den das System sofort anzeigt; unter Android 12+ generiert das System ihn aus Ihrem App-Symbol und Theme. Entwerfen Sie ihn einmal mit den Kernfarben und dem Logo Ihrer Marke, halten Sie ihn kurz und nutzen Sie ihn niemals, um Ladezeit vorzutäuschen.

Splash Screen vs. Launch Screen

Die beiden Begriffe werden oft synonym verwendet, doch die Plattformen unterscheiden sich:

• iOS — Launch Screen: ein leichtgewichtiger, vom System gerenderter Platzhalter (ein Storyboard mit Ihrem Logo und Hintergrund), der beim App-Start sofort angezeigt wird. Apples Richtlinie besagt, dass er dem ersten Bildschirm Ihrer App ähneln soll, damit der Start nahtlos wirkt, und nicht als Branding-Splash oder für Text, der wie eine Lade-UI aussieht, verwendet werden darf.
• Android — Splash Screen (API 31+): Seit Android 12 zeichnet das System den Splash automatisch aus Ihrem App-Symbol und windowSplashScreenBackground-Farbe. Sie passen ihn im Theme an; Animation und ein gebrandetes Symbol werden unterstützt, und die offizielle Splash Screen API-Dokumentation ist die maßgebliche Quelle für Messungen der icon-safe-zone.

Auf älteren Android-Versionen (und in Cross-Platform-Frameworks) ist der klassische Ansatz ein Fullscreen-Drawable oder eine dedizierte View – hier benötigen die meisten Teams weiterhin ein gestaltetes Asset.

Wofür ein Splash-Screen-Generator nützlich ist

Ein Splash-Screen-Generator oder Template-Tool beschleunigt den repetitiven Teil: die Erstellung korrekt dimensionierter Logo-auf-Hintergrund-Assets für jede Dichte und Ausrichtung aus einem Design. Statt Dutzende nahezu identischer PNGs von Hand zu exportieren, gehen Sie so vor:

1. Entwerfen Sie das Master-Artwork (Logo + Hintergrundfarbe, kein Text, der wie eine Lade-UI aussehen könnte).
2. Lassen Sie das Tool das erforderliche Größen-Set exportieren.
3. Binden Sie die Assets in Ihr Launch-Storyboard (iOS) oder Splash-Theme (Android) ein.

Schritt 1 und 2 können Sie in einem canvas-basierten Design-Editor erledigen. Unser Screenshot-Editor übernimmt die Store-Assets (Screenshots, die 1024×500 Google Play Feature-Grafik, App-Store-Bilder) aus demselben Brand-Kit – halten Sie Hintergrund und Logo des Splash Screens identisch mit diesen Assets, damit Start, Listing und Icon wie ein System wirken.

Best Practices, die überall gelten

• Minimal halten: Logo, Hintergrund, sonst nichts. Keine Taglines, keine Versionsnummern, keine Spinner, die ein Laden vortäuschen.
• An den ersten Bildschirm anpassen: Je ähnlicher der Splash der Start-UI Ihrer App ist, desto kürzer wirkt der Start.
• Sicheren Bereich beachten: Vermeiden Sie, das Logo in Notch- oder Gesten-Bereiche zu schieben.
• Zeitlich begrenzen: Wenn die App bereit ist, sofort ausblenden. Ein Splash, der eine bereite App verzögert, ist auf beiden Plattformen ein Anti-Pattern.
• Dunkelmodus: Stellen Sie eine dunkle Variante bereit, wo die Plattform dies unterstützt (Android-Theme-Attribute; iOS über trait-spezifische Assets in Ihrem Storyboard).
• Auf echten Geräten testen: Das Start-Timing unterscheidet sich stark zwischen einem Flaggschiff und einem vier Jahre alten Budget-Telefon.

Häufige Fehler

1. Den Splash als Werbung nutzen. Marketing-Texte gehören in Ihre Store-Screenshots, nicht in den Startpfad.
2. Ein Fullscreen-Bild fest kodieren auf modernem Android – Sie kämpfen gegen den System-Splash und erhalten inkonsistentes Verhalten über OEMs hinweg.
3. Tablets und Querformat vergessen: Ein nur hochformatiges Asset wird auf iPad und Android-Tablets gestreckt oder mit Letterbox versehen.
4. Assets von Hand neu erstellen für jede Dichte, anstatt das komplette Set aus einem Master zu generieren.

Checkliste vor dem Release

• Master-Artwork: nur Logo + Marken-Hintergrund
• Helle und dunkle Varianten, wo unterstützt
• iOS-Launch-Storyboard-Set (systemgerendert, keine Code-Verzögerungen)
• Android 12+ Theme konfiguriert (Symbol + Hintergrundfarbe)
• Legacy-Android-Assets für alle Dichten generiert
• Auf mindestens einem kleinen Telefon, einem Tablet und einem Dark-Mode-Gerät verifiziert

Halten Sie das Launch-Artwork mit dem ersten App-Bildschirm konsistent und testen Sie das Verhalten auf den von Ihnen unterstützten Plattformen. Store-Screenshots sind eine separate Aufgabe: Nutzen Sie den Screenshot-Workflow und den Anforderungsleitfaden für Listing-Assets.

Häufig gestellte Fragen

Passt ein einziges Splash-Screen-Bild auf jedes Gerät?

Nicht unbedingt. Befolgen Sie die Launch-Konfiguration Ihrer Plattform oder Ihres Frameworks und testen Sie verschiedene Ausrichtungen, Gerätegrößen und Darstellungsmodi.

Kann der Screenshot-Editor den Launch Screen meiner App konfigurieren?

Nein. Der Editor bereitet visuelles Artwork vor; die Konfiguration des System-Startverhaltens gehört in Ihr App-Projekt.

Wo sollte ich die native Implementierung überprüfen?

Nutzen Sie Apples Launch-Screen-Richtlinien und die verlinkte Android-Splash-Screen-Dokumentation. Prüfen Sie die APIs, die von der minimalen OS-Version Ihrer App unterstützt werden.