Ressources graphiques
Votre web app a un favicon et un logo. Les stores en veulent davantage : une icône de 1024 pixels sans transparence, des calques d'icône adaptative pour Android et un écran de lancement qui couvre la première seconde de chargement. Voici les specs exactes, l'emplacement de chaque fichier dans WebViewGold et comment générer les visuels avec un outil d'IA.
Dès $109 en paiement unique par plateforme, ou notre équipe s'occupe de tout dès $698.
| Ressource | Spec | Emplacement |
|---|---|---|
| Icône maîtresse iOS | PNG 1024 × 1024 px, sRGB, sans canal alpha, coins carrés (iOS applique lui-même le masque arrondi), aucun texte plus petit qu'environ 10 % de la largeur | Catalogue de ressources Xcode ; c'est aussi l'icône qu'App Store Connect utilise pour la fiche |
| Tailles d'appareil iOS | Générées à partir de l'icône maîtresse : 60, 120, 180 px pour l'iPhone, 152 et 167 px pour l'iPad, plus les tailles pour les réglages et les notifications | Même catalogue de ressources ; un générateur produit le jeu complet en un clic |
| Icône de la fiche Google Play | PNG 512 × 512 px, 32 bits ; Play applique son propre masque de forme, donc gardez le visuel à fond perdu sur un arrière-plan uni | Play Console → Fiche Play Store (pas dans le projet) |
| Icônes de lanceur Android | ic_launcher.png dans mipmap-hdpi (72 px), xhdpi (96), xxhdpi (144) et xxxhdpi (192), plus ic_launcher_round.png et ic_launcher_foreground.png | Les dossiers mipmap du projet Android WebViewGold |
| Règle de l'icône adaptative | Premier plan sur un canevas de 108 dp ; gardez le logo dans la zone de sécurité centrale de 66 dp, car les lanceurs recadrent en cercles, squircles et carrés | ic_launcher_foreground.png ; l'arrière-plan est une couleur ou un second calque |
| Image de splash | GIF carré (128, 512 ou 1024 px) ; l'animation est autorisée, gardez-la courte | splash.gif à la racine du projet iOS et dans les assets Android |
Dix minutes avec un générateur gratuit ; le Cloud Builder fait le redimensionnement pour vous.
Depuis Figma, Canva ou votre outil d'IA : PNG aplati sur un arrière-plan uni ou en dégradé, sans coins arrondis, sans ombre portée qui s'estompe vers la transparence.
Utilisez un outil comme appicon.co (la documentation WebViewGold en donne le lien ; n'importe quel « iOS app icon generator » fait l'affaire) pour obtenir les tailles iPhone, iPad et Android à partir de l'icône maîtresse.
Dans Xcode, allez dans WebViewGold → WebViewGold → General → App Icons and Launch Screen → App Icon Source et remplacez les images fournies par les vôtres, en conservant les noms de fichiers. Détails dans la documentation iOS sur l'icône et le splash.
Faites un clic droit sur ic_launcher.png dans Android Studio, affichez-le dans le Finder ou l'Explorateur, puis remplacez ic_launcher.png, ic_launcher_round.png et ic_launcher_foreground.png dans chaque dossier mipmap. La documentation Android sur l'icône de l'app montre l'organisation des dossiers.
Le Cloud Builder prend le PNG de 1024 px et produit toutes les tailles pour les deux plateformes.
Installez un build de test. Une icône qui rend bien à 1024 px peut devenir une tache grise à 60 px ; simplifiez si la forme n'est pas reconnaissable en miniature.
Une app WebView n'affiche rien de votre web app tant que le premier HTML n'est pas arrivé : c'est pourquoi Apple attend un écran de lancement et pourquoi les utilisateurs jugent la vitesse sur cette première seconde. WebViewGold gère cela en deux couches : l'écran de lancement natif qu'iOS affiche instantanément, et un splash screen à vos couleurs que vous pilotez depuis les fichiers Config.
iOS (Config.swift) : passez splashScreenEnabled à true, remplacez splash.gif à la racine du projet par votre image carrée et ajustez splashTimeout en millisecondes (2000 est une valeur par défaut raisonnable). Passez remainSplashOption à true si votre backend a des démarrages à froid lents : le splash reste alors affiché jusqu'au chargement de la page d'accueil au lieu de céder la place à l'indicateur de chargement ; splashscreencolor définit l'arrière-plan, scaleSplashImage la taille de l'image en pourcentage du plus petit côté de l'écran. Splash désactivé, c'est l'indicateur de chargement natif ou la barre de progression (useLoadingProgressBar) qui s'affiche.
Android (Config.java) : les mêmes principes avec des noms en majuscules : SPLASH_SCREEN_ACTIVATED, SPLASH_TIMEOUT, REMAIN_SPLASH_OPTION, SPLASH_MIN_TIME (durée d'affichage minimale quand l'option remain est active), SPLASH_FADE_OUT (durée du fondu, 0 pour le désactiver) et SCALE_SPLASH_IMAGE. L'image est splash.gif dans le dossier assets, la couleur d'arrière-plan se trouve dans colors.xml. Voir la documentation Android sur le splash.
Règle de design : donnez au splash la même couleur d'arrière-plan que le premier écran de votre web app. Un splash blanc suivi d'un tableau de bord sombre produit un flash ; un arrière-plan assorti rend la transition invisible.
Excellente façon de convertir son app web en app native ! Un délai très court, et un super moyen de mettre ses apps dans les stores sans devoir développer une app native complète !
Remplacez les parties entre crochets. Générez plusieurs variantes, choisissez-en une et aplatissez-la dans Figma ou Canva avant d'exporter le PNG de 1024 px.
Conçois une icône d'app mobile pour [NOM DE L'APP], [description en une ligne, p. ex. un suivi d'habitudes pour coureurs]. Style : vectoriel flat, un seul symbole fort au centre, deux ou trois couleurs, contraste élevé, aucun dégradé qui s'estompe vers la transparence. Composition : le symbole occupe environ 60 % du canevas, centré, avec une marge généreuse, sur un arrière-plan uni [COULEUR DE MARQUE] qui s'étend jusqu'aux quatre bords. Contraintes : format carré, 1:1, pas de coins arrondis, pas de texte, pas de lettres, pas de mockup, pas de cadre d'appareil, pas d'ombre portée, pas de transparence. Elle doit rester reconnaissable une fois réduite à 60 x 60 pixels.
Seulement comme point de départ. Les favicons font 32 ou 64 px et sont souvent transparents. Redessinez le symbole en 1024 px sur un arrière-plan uni.
Oui. L'icône et le splash sont des ressources natives intégrées au build. Les changer implique une nouvelle version sur les deux stores.
Non. Le PNG de 512 px sert uniquement à la fiche Play. Le lanceur utilise les fichiers mipmap du projet, que vous générez à partir de la même icône maîtresse.
Apple exige un écran de lancement, que WebViewGold inclut déjà. L'image de splash à vos couleurs est facultative mais recommandée : elle masque la première requête et donne à l'app un ressenti natif.
Même résultat, charge de travail différente de votre côté. Les trois formules incluent la garantie d'approbation et le support humain 24/7.
$109 par plateforme, paiement unique
La licence WebViewGold : un projet Xcode ou Android Studio prêt à l'emploi. Collez votre URL, définissez le nom et l'icône, activez les fonctionnalités, compilez et soumettez. Mises à jour gratuites à vie.
Voir les offres sur la page principale$349 par licence, extension en paiement unique
Ni Mac, ni Xcode, ni Android Studio : configurez dans le navigateur, nous compilons les deux apps dans le cloud et les transmettons à App Store Connect et à la Play Console.
Comment fonctionne le Cloud Builder Essayer la démo gratuite$698 par plateforme $798
Envoyez-nous votre URL et votre icône. Notre équipe configure, compile et livre votre app sous 72 heures, en marque blanche, projets sources inclus. Les deux plateformes pour $1,158.
Détails du Full Service Propulsé par
Prix Soldes d'hiver valables jusqu'au 31 décembre 2026.
Garantie d'approbation App Store & Google Play – ou remboursement sous 14 jours
Vous préférez déléguer ? Full Service : nous configurons, compilons et livrons sous 72 heures, dès $698 par plateforme. Des questions ? Chattez avec nous 24/7.
Les remboursements sont accordés aux conditions indiquées dans notre FAQ : un refus non lié au contenu par Apple et/ou Google, demandé dans les 14 jours suivant l'achat.
