Générateur d'icône d'app

L'icône est le seul visuel qu'on voit partout : dans les résultats de recherche, sur la fiche, dans les classements, dans les pubs, dans la feuille de partage et, une fois l'app installée, sur l'écran d'accueil des dizaines de fois par jour. Dans une recherche, elle côtoie souvent cinq ou six concurrents, à la taille d'un ongle, et elle a une fraction de seconde pour dire ce que fait l'app et donner envie de toucher.

C'est pour cela que l'icône fait bouger la conversion plus que la plupart des changements de fiche. Une silhouette plus lisible ou une couleur plus franche peut augmenter la part des gens qui touchent depuis la recherche, et chaque point gagné se cumule avec vos mots-clés et votre classement : les stores récompensent les apps qui convertissent le trafic qu'on leur montre.

L'icône inspire aussi confiance, ou pas. Une icône floue, mal recadrée ou hors charte évoque une app abandonnée ; une icône nette et cohérente, un produit suivi. Avoir chaque taille parfaitement nette sur chaque appareil, c'est le minimum dont cet outil s'occupe.

Apple demande une icône de 1024 × 1024 px pour l'App Store et, selon votre version d'Xcode et la cible de déploiement, une série de tailles plus petites pour l'écran d'accueil, Spotlight, les Réglages et les notifications. Les versions récentes d'Xcode savent les déduire de l'image 1024, mais livrer le jeu classique garde les anciennes cibles et chaque emplacement au pixel près. Ce générateur écrit un dossier AppIcon.appiconset prêt à glisser dans Xcode, avec son Contents.json.

Les règles qui causent le plus de refus ou de rendus ratés :

• Icône App Store : 1024 × 1024 px, PNG, opaque, sans canal alpha, sans coins arrondis (iOS applique son propre masque).
• iPhone : 120 et 180 px (écran d'accueil), 80 et 120 px (Spotlight), 58 et 87 px (Réglages), 40 et 60 px (notifications).
• iPad : 152 et 167 px (écran d'accueil), 76 px, plus 20, 29, 40 et 80 px pour les notifications, les Réglages et Spotlight.
• Remplissez tout le carré : les zones transparentes deviennent noires sur iOS.
• Éloignez les détails importants des coins, que le masque arrondi coupe.
• Évitez le texte et les photos, illisibles sous 60 px.

Depuis Android 8, les lanceurs utilisent des icônes adaptatives : un premier plan et un arrière-plan de 108 × 108 dp, dont seuls les 72 dp centraux sont visibles, découpés par un masque que choisit le fabricant (cercle, squircle, carré arrondi, goutte). La même icône peut donc être ronde sur un téléphone et carrée sur un autre : c'est pour cela que les aperçus montrent plusieurs masques.

Les icônes de lanceur classiques servent encore aux anciens appareils et à certains lanceurs, et Google Play a sa propre icône de fiche. Ce générateur exporte les deux :

• Icônes de lanceur : ic_launcher.png dans mipmap-mdpi (48 px), hdpi (72 px), xhdpi (96 px), xxhdpi (144 px) et xxxhdpi (192 px).
• Icônes rondes : ic_launcher_round.png aux mêmes tailles, pour les lanceurs qui demandent un cercle.
• Icône Google Play : 512 × 512 px, PNG 32 bits, 1024 Ko au plus, carré plein : Play ajoute lui-même les coins arrondis et l'ombre.
• Règles de Play : pas de badge trompeur comme « n° 1 » ou « gratuit », pas de logo de store, rien qui ne représente pas l'app.
• Pour une icône adaptative, gardez le logo dans la zone sûre centrale de 66 dp, qu'aucun masque ne peut couper.

Les meilleures icônes sont assez simples pour se reconnaître à 29 px et assez singulières pour se retrouver parmi cent autres apps. Partez d'une seule idée : un objet, une lettre ou une forme propre à votre marque, plutôt qu'un collage de fonctionnalités.

Vérifiez l'icône sur fond clair et sur fond sombre, à côté des apps de votre catégorie et aux plus petites tailles avant de la publier. Si elle disparaît dans une rangée de concurrents, augmentez le contraste ou changez la couleur dominante plutôt que d'ajouter des détails. Le curseur de marge donne de l'air au motif, et les aperçus montrent comment chaque masque traite vos coins.

Enfin, restez cohérent : l'icône doit répondre à vos captures, à vos pubs et à l'app elle-même, pour que ceux qui ont vu une pub reconnaissent l'app dans la recherche.

Les avis sur une icône ne coûtent rien ; les données des stores, si. Les deux stores permettent de tester des icônes sur du vrai trafic. Sur l'App Store, l'optimisation de la page produit (Product Page Optimization) oppose jusqu'à trois icônes alternatives à l'originale, chacune livrée dans le binaire comme icône alternative. Sur Google Play, les tests de fiche (Store Listing Experiments) testent les icônes directement depuis la Play Console, sans nouvelle version.

Ne testez qu'un changement à la fois (couleur, motif ou fond), laissez à chaque test assez de trafic pour être significatif, en général quelques milliers de vues par variante, et suivez le taux de conversion plutôt que les installations brutes. Une icône gagnante se déploie alors sereinement, et le test suivant part d'elle.

Le module ASO d'appwin suit jour après jour le classement de vos mots-clés, la conversion de vos fiches et vos installations, sur iOS comme sur Android. Quand vous changez d'icône, le changement apparaît sur la frise à côté de vos métriques : vous voyez si la conversion depuis la recherche et la navigation a bougé après la mise en ligne, et vous la comparez aux changements de vos concurrents.

Comme appwin fait aussi tourner votre support, votre communauté, vos notifications push et vos analytics depuis le même tableau de bord, vous voyez l'effet complet d'un changement d'icône, de la première impression sur le store à la rétention des utilisateurs qu'il a amenés. Créer un compte est gratuit.