Lovable-App: App-Icon, Splashscreen und Store-Screenshots

Bevor jemand Ihre Lovable-App installiert, sieht er drei Dinge: das Icon, die Screenshots und beim ersten Start den Splashscreen. Diese Grafiken entscheiden über Downloads und werden von Apple und Google auch formal geprüft. Falsche Formate, transparente Icons oder Screenshots mit Browser-Leiste sind häufige Gründe für Verzögerungen. Hier finden Sie die wichtigsten Anforderungen, eine sinnvolle Reihenfolge der Erstellung und Tipps, wie Sie Screenshots erzeugen, die Ihre App wirklich verkaufen.

App-Icon: eine Vorlage, viele Größen

Für iOS brauchen Sie ein quadratisches Icon mit 1024 mal 1024 Pixeln ohne Transparenz und ohne eigene abgerundete Ecken, denn die Maske legt das System darüber. Xcode beziehungsweise Ihr Build-Werkzeug erzeugt daraus die übrigen Größen. Android arbeitet mit Adaptive Icons, bestehend aus Vordergrund- und Hintergrundebene, damit Hersteller unterschiedliche Formen wie Kreis oder Squircle darstellen können. Im Play Store selbst laden Sie zusätzlich ein Icon mit 512 mal 512 Pixeln hoch.

Das Favicon Ihrer Lovable-App ist selten eine gute Grundlage. Lassen Sie das Logo für kleine Darstellungen vereinfachen, verzichten Sie auf feine Schrift und prüfen Sie die Wirkung auf hellem und dunklem Hintergrund.

Denken Sie auch an den App-Namen unter dem Icon. Auf dem Home-Bildschirm stehen nur wenige Zeichen zur Verfügung, längere Namen werden abgeschnitten. Unter iOS legen Sie dafür einen kurzen Anzeigenamen fest, der vom Namen im App Store abweichen darf. Prüfen Sie Icon und Namen gemeinsam auf einem echten Gerät, bevor Sie Grafiken in allen Varianten exportieren.

Splashscreen ohne Ruckeln

Der Splashscreen überbrückt die Zeit, bis Ihre Web-App geladen ist. Unter iOS ist das ein Launch Screen, der nur statische Elemente zeigen sollte. Android ab Version 12 nutzt eine einheitliche Splash-Screen-Schnittstelle mit zentriertem Icon und Hintergrundfarbe. Wählen Sie die Hintergrundfarbe passend zum ersten Bildschirm Ihrer App, sonst entsteht ein harter Farbwechsel.

Wichtiger als die Gestaltung ist das Timing: Der Splashscreen sollte verschwinden, sobald die Seite sichtbar ist, nicht nach einer festen Wartezeit. WebViewGold bietet dafür Einstellungen, die den Übergang an den Ladezustand koppeln. Ein zusätzlicher Lade-Spinner der Web-App direkt danach wirkt unruhig und sollte vermieden werden.

Store-Screenshots, die überzeugen

Apple verlangt Screenshots für die größte iPhone-Displayklasse, Ihre App benötigt außerdem iPad-Screenshots, wenn sie auf dem iPad angeboten wird. Google Play verlangt mindestens zwei Smartphone-Screenshots und eine Feature Graphic mit 1024 mal 500 Pixeln. Erstellen Sie die Bilder in dieser Reihenfolge:

1. Legen Sie Demo-Daten an, die realistisch aussehen und keine echten personenbezogenen Daten enthalten.
2. Nehmen Sie die Screenshots in der fertigen App auf, nicht im Desktop-Browser, damit keine Adressleiste oder Browser-Elemente zu sehen sind.
3. Wählen Sie fünf bis acht Bildschirme, die den Kernnutzen in einer logischen Reihenfolge zeigen.
4. Ergänzen Sie kurze Überschriften, die jeweils einen Nutzen benennen, und bleiben Sie bei Schrift und Farben einheitlich.
5. Exportieren Sie in den geforderten Auflösungen und prüfen Sie die Darstellung in der Store-Vorschau.

Fehler, die zu Rückfragen führen

Apple lehnt Screenshots ab, die nicht die tatsächliche App zeigen, Platzhaltertexte enthalten oder andere Plattformen wie Android-Geräte abbilden. Bei Google führen irreführende Darstellungen oder Rankings und Auszeichnungen in Grafiken zu Problemen. Ein häufig übersehener Punkt: Wenn Ihre App einen Login verlangt, müssen Sie für das Review Zugangsdaten hinterlegen, und die Screenshots sollten zum Funktionsumfang dieses Testkontos passen.

Planen Sie die Grafiken außerdem als wiederverwendbare Vorlagen. Bei jedem größeren Update ändern sich Bildschirme, und veraltete Screenshots sind ein häufiger Grund für schlechte Bewertungen. Wer Rahmen, Überschriften und Demo-Daten sauber vorbereitet hat, aktualisiert die Bilder in kurzer Zeit.

Weniger Aufwand mit dem richtigen Werkzeug

WebViewGold übernimmt Icon und Splashscreen als Konfiguration und erzeugt die nativen Varianten. Store-Einträge, Screenshots in allen Größen und Metadaten kann appsubmitter.io für Sie in Ihrem eigenen Konto pflegen, auf Wunsch automatisiert über fastlane. Klären Sie in einem kostenlosen 15-Minuten-Erstgespräch, was Sie selbst erledigen und was wir übernehmen.

Häufige Fragen