Design-Assets
Deine Web-App hat ein Favicon und ein Logo. Die Stores wollen mehr: ein 1024-Pixel-Icon ohne Transparenz, Adaptive-Icon-Ebenen für Android und einen Launch Screen, der die erste Sekunde des Ladens überbrückt. Hier sind die genauen Specs, wohin jede Datei in WebViewGold gehört und wie du die Grafik mit einem KI-Tool erzeugst.
Ab $109 einmalig pro Plattform, oder unser Team erledigt alles ab $698.
| Asset | Spezifikation | Wohin damit |
|---|---|---|
| iOS-Master-Icon | 1024 × 1024 px PNG, sRGB, kein Alphakanal, eckige Ecken (iOS legt die abgerundete Maske selbst an), kein Text kleiner als etwa 10 % der Breite | Xcode-Asset-Katalog; App Store Connect nutzt es auch als Icon für den Store-Eintrag |
| iOS-Gerätegrößen | Aus dem Master erzeugt: 60, 120, 180 px fürs iPhone, 152 und 167 px fürs iPad, dazu Größen für Einstellungen und Benachrichtigungen | Derselbe Asset-Katalog; ein Generator erstellt das Set mit einem Klick |
| Google-Play-Icon für den Store-Eintrag | 512 × 512 px PNG, 32 Bit; Play legt seine eigene Formmaske an, also halte die Grafik randlos auf einem einfarbigen Hintergrund | Play Console → Store-Eintrag (nicht im Projekt) |
| Android-Launcher-Icons | ic_launcher.png in mipmap-hdpi (72 px), xhdpi (96), xxhdpi (144) und xxxhdpi (192), dazu ic_launcher_round.png und ic_launcher_foreground.png | Die mipmap-Ordner des WebViewGold-Android-Projekts |
| Regel für Adaptive Icons | Vordergrund auf einer 108-dp-Fläche; halte das Logo innerhalb der zentralen Sicherheitszone von 66 dp, weil Launcher auf Kreise, Squircles und Quadrate zuschneiden | ic_launcher_foreground.png; der Hintergrund ist eine Farbe oder eine zweite Ebene |
| Splash-Bild | Quadratisches GIF (128, 512 oder 1024 px); animiert ist erlaubt, halte es kurz | splash.gif im Stammverzeichnis des iOS-Projekts und in den Android-Assets |
Zehn Minuten mit einem kostenlosen Generator; der Cloud Builder übernimmt das Skalieren für dich.
Aus Figma, Canva oder deinem KI-Tool: PNG, auf eine Ebene reduziert, auf einfarbigem Hintergrund oder Verlauf, keine abgerundeten Ecken, kein Schlagschatten, der ins Transparente ausläuft.
Nutze ein Tool wie appicon.co (die WebViewGold-Doku verlinkt es; jeder „iOS App Icon Generator“ funktioniert), um aus dem Master die Größen für iPhone, iPad und Android zu erhalten.
Geh in Xcode zu WebViewGold → WebViewGold → General → App Icons and Launch Screen → App Icon Source und ersetze die mitgelieferten Bilder durch deine, mit denselben Dateinamen. Details in der iOS-Doku zu Icon und Splash.
Klicke in Android Studio mit der rechten Maustaste auf ic_launcher.png, zeige die Datei im Finder oder Explorer an und ersetze ic_launcher.png, ic_launcher_round.png und ic_launcher_foreground.png in jedem mipmap-Ordner. Die Android-Doku zum App-Icon zeigt die Ordnerstruktur.
Der Cloud Builder nimmt das 1024-px-PNG und erzeugt daraus jede Größe für beide Plattformen.
Installiere einen Test-Build. Icons, die bei 1024 px gut aussehen, können bei 60 px zu einem grauen Klecks werden; vereinfache, wenn die Form in Miniaturgröße nicht erkennbar ist.
Eine WebView-App zeigt nichts von deiner Web-App, bis das erste HTML ankommt. Deshalb erwartet Apple einen Launch Screen, und deshalb beurteilen Nutzer die Geschwindigkeit in genau dieser ersten Sekunde. WebViewGold löst das in zwei Ebenen: mit dem nativen Launch Screen, den iOS sofort anzeigt, und einem gebrandeten Splash Screen, den du über die Config-Dateien steuerst.
iOS (Config.swift): Setze splashScreenEnabled auf true, ersetze splash.gif im Stammverzeichnis des Projekts durch dein quadratisches Bild und stelle splashTimeout in Millisekunden ein (2000 ist ein sinnvoller Standardwert). Setze remainSplashOption auf true, wenn dein Backend langsame Kaltstarts hat: Dann bleibt der Splash stehen, bis die Startseite geladen ist, statt an die Ladeanzeige zu übergeben. splashscreencolor legt den Hintergrund fest, scaleSplashImage die Bildgröße in Prozent der kürzeren Bildschirmseite. Ist der Splash aus, erscheint stattdessen das native Ladesymbol oder der Fortschrittsbalken (useLoadingProgressBar).
Android (Config.java): dieselben Ideen mit Namen in Großbuchstaben: SPLASH_SCREEN_ACTIVATED, SPLASH_TIMEOUT, REMAIN_SPLASH_OPTION, SPLASH_MIN_TIME (Mindestanzeigedauer, wenn die Remain-Option aktiv ist), SPLASH_FADE_OUT (Dauer des Ausblendens, 0 schaltet es ab) und SCALE_SPLASH_IMAGE. Das Bild ist splash.gif im assets-Ordner, die Hintergrundfarbe steht in colors.xml. Siehe die Android-Doku zum Splash Screen.
Design-Regel: Gib dem Splash dieselbe Hintergrundfarbe wie dem ersten Bildschirm deiner Web-App. Ein weißer Splash, auf den ein dunkles Dashboard folgt, blitzt auf; ein passender Hintergrund macht den Übergang unsichtbar.
Großartige Möglichkeit, eine Web-App in eine native App zu verwandeln! Schnelle Umsetzung und ein toller Weg, Apps in die App Stores zu bringen, ohne eine komplett native App entwickeln zu müssen!
Ersetze die Teile in eckigen Klammern. Erzeuge mehrere Varianten, wähle eine aus und reduziere sie in Figma oder Canva auf eine Ebene, bevor du das 1024-px-PNG exportierst.
Gestalte ein App-Icon für [APP-NAME], eine [Beschreibung in einem Satz, z. B. Gewohnheitstracker für Läufer]. Stil: flache Vektorgrafik, ein einzelnes kräftiges Symbol in der Mitte, zwei oder drei Farben, hoher Kontrast, keine Verläufe, die ins Transparente auslaufen. Komposition: Das Symbol füllt etwa 60 % der Fläche, zentriert, großzügiger Rand, einfarbiger Hintergrund in [MARKENFARBE], der bis an alle vier Kanten reicht. Vorgaben: quadratisches Format, 1:1, keine abgerundeten Ecken, kein Text, keine Buchstaben, kein Mockup, kein Geräterahmen, kein Schlagschatten, keine Transparenz. Das Icon muss erkennbar bleiben, wenn es auf 60 x 60 Pixel verkleinert wird.
Nur als Ausgangspunkt. Favicons sind 32 oder 64 px groß und oft transparent. Baue das Symbol in 1024 px auf einem einfarbigen Hintergrund neu.
Ja. Icon und Splash sind native Assets im Build. Sie zu ändern bedeutet eine neue Version in beiden Stores.
Nein. Das 512-px-PNG ist nur für den Play-Store-Eintrag. Der Launcher nutzt die mipmap-Dateien im Projekt, die du aus demselben Master erzeugst.
Apple verlangt einen Launch Screen, und den bringt WebViewGold bereits mit. Das gebrandete Splash-Bild ist optional, aber empfohlen: Es verdeckt den ersten Request und lässt die App nativ wirken.
Gleiches Ergebnis, unterschiedlich viel Arbeit auf deiner Seite. Alle drei kommen mit Genehmigungsgarantie und 24/7 Support von echten Menschen.
$109 pro Plattform, einmalig
Die WebViewGold-Lizenz: ein fertiges Xcode- oder Android-Studio-Projekt. URL einfügen, Name und Icon setzen, Features einschalten, bauen und einreichen. Kostenlose Updates für immer.
Pakete auf der Hauptseite ansehen$349 pro Lizenz, einmaliges Add-on
Kein Mac, kein Xcode, kein Android Studio: Du konfigurierst im Browser, wir bauen beide Apps in der Cloud und übergeben sie an App Store Connect und die Play Console.
So funktioniert der Cloud Builder Kostenlose Demo ausprobieren$698 pro Plattform $798
Schick uns deine URL und dein Icon. Unser Team konfiguriert, baut und liefert deine App innerhalb von 72 Stunden, White-Label, inklusive Quellprojekten. Beide Plattformen für $1,158.
Full-Service-Details Powered by
Winter-Sale-Preise gültig bis 31. Dezember 2026.
App Store & Google Play Genehmigungsgarantie – oder Geld zurück innerhalb von 14 Tagen
Lieber abgeben? Full Service: Wir konfigurieren, bauen und liefern innerhalb von 72 Stunden, ab $698 pro Plattform. Fragen? Chatte mit uns – 24/7.
Erstattungen erfolgen zu den in unseren FAQ genannten Bedingungen: eine nicht inhaltsbedingte Ablehnung durch Apple und/oder Google, geltend gemacht innerhalb von 14 Tagen nach dem Kauf.
