Comment créer l’icône de son application (et l’écran de démarrage)
L’icône est la première chose que l’on voit de votre application, et presque toujours en taille minuscule : dans la recherche du store, sur l’écran d’accueil, dans la liste des notifications. Une bonne icône est reconnaissable à la taille d’un ongle. Presque tout le reste en découle.
Ce guide couvre les dimensions demandées par chaque store, les erreurs qui font échouer l’envoi et la façon de faire une icône dans Canva ou avec un générateur d’images par IA.
Les dimensions, store par store
| App Store | Google Play | |
|---|---|---|
| Taille | 1024 × 1024 px | 512 × 512 px sur la fiche |
| Format | PNG | PNG 32 bits, jusqu’à 1 Mo |
| Transparence | refusée | acceptée, mais à éviter |
| Coins | carré plein, le système arrondit | carré plein, le store applique le masque |
| Ombre | ne la dessinez pas | ne la dessinez pas, le store applique la sienne |
La règle pratique : faites-la une fois en 1024 × 1024, fond rempli, coins droits. Toutes les autres tailles sortent de ce fichier.
Les erreurs les plus fréquentes
Un fond transparent sur iPhone. Apple refuse les icônes avec transparence. Le fond doit être peint jusqu’au bord.
Des coins déjà arrondis. Le système applique son masque par-dessus le vôtre, et il reste un contour étrange dans les coins. Envoyez le carré.
Du petit texte. Le nom de l’entreprise écrit en entier devient une tache à 60 pixels. Si la marque repose sur du texte, gardez seulement l’initiale ou un sigle court.
Trop de détails. Une photo, un dégradé à quatre couleurs, trois objets. Sur l’écran d’accueil, tout cela devient du bruit. Un symbole, une couleur de fond, un contraste fort.
Une icône identique à celle du concurrent. Si toutes les pizzerias de la ville utilisent une part de pizza orange, la vôtre disparaît dans la liste. Parfois, l’initiale de la marque sur la couleur de la marque se remarque mieux que le dessin évident.
L’icône adaptative d’Android
Sur Android, l’icône affichée sur l’appareil est adaptative : deux calques, un fond et un dessin au premier plan, que chaque fabricant découpe avec une forme différente. Sur un téléphone elle devient un cercle, sur un autre un carré aux coins arrondis, sur un autre une goutte.
Ce que cela vous demande :
- gardez le dessin dans la zone de sécurité, un cercle au centre d’environ deux tiers de la largeur totale. Ce qui dépasse peut être coupé ;
- laissez de l’air : un symbole collé au bord est le premier à perdre un morceau à la découpe ;
- le fond doit être une couleur unie ou un motif simple, parce qu’il peut bouger un peu avec les animations du système.
Un test rapide : tracez un cercle de 66 % de la largeur au centre de votre icône. Si le symbole entier tient dedans, il survit à n’importe quelle découpe.
Test de lisibilité en 30 secondes
Avant d’envoyer, réduisez l’icône à 48 × 48 pixels et regardez-la de loin. Puis placez-la à côté de captures de l’écran d’accueil d’un iPhone et d’un Android, avec d’autres applications.
Si vous reconnaissez encore la marque, c’est bon. Si vous devez plisser les yeux, simplifiez.
Comment la faire dans Canva
- Créez un design de taille personnalisée de 1024 × 1024 px ;
- Remplissez tout le fond avec la couleur principale de la marque ;
- Placez le symbole ou l’initiale au centre, sur environ 60 % de la surface, pour respecter la zone de sécurité d’Android ;
- Utilisez au maximum deux couleurs en plus du fond ;
- Téléchargez en PNG. Le fond transparent est une fonction de l’offre payante de Canva, et pour l’icône vous ne voulez pas de transparence, donc le PNG par défaut convient.
Pour l’icône Google Play, téléchargez à nouveau le même fichier et réduisez-le à 512 × 512, ou laissez l’outil de publication s’en charger.
Comment la faire avec un générateur d’images par IA
Les générateurs d’images sont bons pour trouver une idée et mauvais pour livrer le fichier final. La méthode qui marche :
- Demandez le concept, pas l’icône finie. Quelque chose comme « icône d’application minimaliste, un peigne stylisé, trait épais, fond uni bordeaux, sans texte, style flat ». Le « sans texte » est important, parce que les lettres générées sortent souvent fausses ;
- Générez plusieurs versions et choisissez la plus simple, pas la plus belle en grand ;
- Reprenez-la dans Canva pour la finition : centrez, ajustez la couleur de fond à la couleur exacte de la marque, vérifiez la zone de sécurité ;
- Vérifiez qu’elle ne ressemble pas à la marque d’une autre entreprise. Une image générée peut trop rappeler un logo existant, et une icône proche de celle d’une autre application est un motif de refus et une source d’ennuis juridiques.
L’écran de démarrage
C’est l’image qui s’affiche entre le toucher sur l’icône et l’application prête. Il dure peu, mais il apparaît à chaque ouverture.
Mettez la marque au centre, sur une couleur unie. Depuis la version 12, Android construit l’écran de démarrage de la même façon : une icône centrée sur une couleur de fond. Apple recommande que cet écran soit discret et ressemble au premier écran de l’application.
N’utilisez pas de photo plein écran. Chaque appareil a ses proportions, et la photo est recadrée différemment sur chacun. Ce qui est au centre sur l’un devient le bord sur l’autre.
N’y mettez pas de texte publicitaire. Personne ne le lit, et sur les appareils rapides l’écran disparaît avant.
Où cela se règle chez Fabapp
Chez Fabapp, l’icône et l’écran de démarrage se trouvent dans l’onglet Application, à l’étape Marque de la configuration de l’application native (disponible à partir de l’offre Builder). Ce que demande la plateforme :
- icône : un PNG carré de 1024 × 1024, fond rempli et sans coins arrondis. Si vous n’en envoyez aucune, la plateforme en génère une avec l’initiale de l’application sur la couleur de votre marque ;
- écran de démarrage : un PNG avec la marque au centre et fond transparent, parce que la couleur que vous choisissez remplit le reste de l’écran.
Notez la différence : l’icône a un fond, l’écran de démarrage n’en a pas. C’est la confusion la plus courante, et c’est pourquoi il vaut la peine de produire les deux fichiers séparément dans Canva. À partir de là, la plateforme génère les tailles de chaque système. La marche à suivre est dans le guide Publier l’application sur les stores.
Le résumé
- faites-la en 1024 × 1024, PNG, fond rempli et coins droits ;
- Apple refuse la transparence ; le système arrondit les coins lui-même ;
- sur Android, gardez le dessin dans le cercle central des deux tiers ;
- un symbole, peu de couleurs, pas de petit texte, et un test à 48 pixels ;
- l’écran de démarrage, c’est la marque au centre sur une couleur, jamais une photo plein écran.
Une demande prête pour créer la vôtre
Crée une app pour un salon de beauté avec trois professionnelles. Chaque professionnelle a ses horaires de travail par jour de la semaine, ses jours de repos et sa propre liste de prestations avec durée et prix ; la cliente choisit la prestation, la professionnelle et un créneau libre, et reçoit une confirmation par e-mail et un rappel la veille ; l'agenda empêche deux rendez-vous sur le même créneau ; une galerie de réalisations avec des photos par prestation ; chaque professionnelle se connecte à son compte et ne voit que son propre agenda du jour, en marquant venue ou absente ; chaque cliente a une fiche avec son historique ; et je vois un tableau de bord avec le chiffre d'affaires par professionnelle et par mois et le taux d'absence.
Gratuit pour commencer. La première version arrive en quelques minutes et vous l’ajustez en discutant.