Icône d'application : alpha et tailles App Store et Play

Vous avez un logo et deux boutiques d'applications, et le fichier qui satisfait Apple n'est pas celui que veut Google. Le problème surgit au pire moment : le build est prêt et l'envoi échoue en boucle à cause d'un canal alpha.

Apple veut une icône carrée de 1024x1024 avec un fond opaque. Play veut un PNG 32 bits de 512x512 qui gère techniquement l'alpha mais qui, d'après les propres recommandations de design de Google, ne devrait pas l'utiliser. Et aucune des deux boutiques ne veut un fichier d'apparence finie — chacune applique ses coins et ses effets après l'envoi. Voici ce que chacune demande, et comment sortir les deux fichiers d'un seul logo.

Apple : 1024 pixels, carré, rien de transparent

Les Human Interface Guidelines d'Apple donnent la taille de mise en page de l'icône d'application pour iOS, iPadOS et macOS : 1024x1024 px, carrée, en sRGB, Gray Gamma 2.2 ou Display P3. La voie que privilégie Apple passe désormais par Icon Composer, où vous importez les calques de premier plan et définissez le fond dans l'outil, mais une image aplatie reste acceptée : les calques donnent plus de contrôle, ils ne sont pas obligatoires.

C'est le fond qui bloque ceux qui soumettent pour la première fois. La consigne d'Apple pour un calque de fond importé est sans détour : bord à bord et opaque. Un PNG de 1024 px au fond transparent n'est pas une icône App Store valide — envoyez-en un et App Store Connect vous renvoie ITMS-90717 : l'icône App Store ne peut pas être transparente ni contenir de canal alpha. La variante sombre est la seule exception : Apple demande de la fournir avec un fond transparent, pour que le fond fourni par le système apparaisse en transparence. Partout ailleurs, décidez de la couleur qui se place derrière votre marque et intégrez-la au fichier.

Les autres plateformes Apple changent la taille de mise en page : watchOS 1088x1088 et visionOS 1024x1024, toutes deux masquées en cercle, et tvOS un 800x480 en paysage. Elles changent aussi la méthode : les icônes tvOS et visionOS s'assemblent en piles d'images à calques dans Xcode plutôt que dans Icon Composer.

Google Play : 512 pixels, alpha autorisé, transparence toujours une erreur

L'icône de la fiche Play est un PNG 32 bits avec alpha, 512x512 px, sRGB, 1024KB maximum. Lue seule, cette ligne laisse croire que le détourage transparent que vous avez déjà fera l'affaire.

Les recommandations de design d'icônes de Google referment la porte : un visuel transparent affiche la couleur de fond de l'interface Google Play. Votre marque flotte alors sur la surface que Play veut bien afficher, et un logo sombre disparaît en mode sombre. Le conseil de Google : choisissez une couleur de fond adaptée à votre marque.

Deux autres règles Play : pas de badge ni de texte suggérant un classement, un prix ou les catégories Play, et l'icône de la fiche est distincte de l'icône du lanceur sur l'appareil. Cette icône adaptative utilise des calques de 108x108 dp, dont seuls les 66x66 dp centraux sont garantis de ne jamais être rognés par le masque d'un constructeur.

Sortir les deux fichiers d'un seul logo

Les deux fichiers partent de la même chose : votre marque, proprement séparée de ce sur quoi elle reposait. Si votre logo n'existe que sous forme de JPEG fourni par un prestataire, ou de photo d'un papier à en-tête imprimé, détourez-le d'abord pour isoler la forme avec un vrai canal alpha. remover.bg décolle la marque de son fond et vous laisse la poser sur un fond uni ou sur une couleur de marque personnalisée dans l'éditeur — exactement l'étape d'aplatissement qu'Apple exige.

L'ordre qui fonctionne :

1. Supprimez le fond pour que le logo tienne seul. Vérifiez les contours sur une couleur sombre, pas sur du blanc — les traits fins et les empattements cachent leurs défauts sur un aperçu blanc.
2. Réglez le fond sur la couleur de votre marque et exportez un PNG. Gardez aussi la version transparente, pour les dossiers de presse et les favicons.
3. Dans votre propre outil de design, placez ce PNG sur un plan de travail carré et exportez en 1024x1024 pour Apple et en 512x512 pour Play. Le dimensionnement se fait là, pas dans l'outil de suppression de fond.

Pour un logo scanné ou photographié, comment enlever le fond d'un logo couvre les cas particuliers, et notre guide des PNG transparents explique pourquoi ce fichier maître mérite d'être conservé.

Laissez les boutiques dessiner les coins et l'ombre

Play est explicite là-dessus : la boutique arrondit elle-même les coins, à un rayon de 30 % de la taille de l'icône, ajoute sa propre ombre portée après l'envoi, et vous demande d'omettre les deux. Apple masque votre carré dans le rectangle arrondi du système et applique ses propres reflets, sa réfraction et sa translucidité, en avertissant que des calques déjà arrondis nuisent à ces effets et rendent les contours crénelés.

Donc : pas de coins pré-arrondis, pas d'ombre portée, pas de biseau, pas de lueur. Cette retenue est propre aux icônes — sur une photo produit, c'est au contraire une ombre de contact réaliste qui empêche l'objet d'avoir l'air collé.

Comme les deux boutiques masquent, gardez centrée la partie importante de la marque. La consigne d'Apple est de centrer le contenu principal pour que le masque ne puisse pas le tronquer. La grille de keylines de Play, elle, ne fonctionne pas comme on l'imagine : c'est un guide de placement, pas une limite. Google demande de remplir toute la surface du visuel quand vous le pouvez, et de ne revenir aux keylines que lorsque la forme autour d'un logo est essentielle à la marque. Ajoutez de la marge par prudence et votre icône s'affichera visiblement plus petite que toutes celles affichées à côté d'elle.

Ce que le rayon de 30 % mange réellement, ce sont les coins : un logotype poussé dedans y perd ses extrémités. Sur les masques circulaires de watchOS et de visionOS, un logotype bord à bord perd purement et simplement sa première et sa dernière lettre.

Avant l'envoi

• Apple : PNG 1024x1024, carré, entièrement opaque, coins laissés nets.
• Play : PNG 32 bits 512x512, 1024KB maximum, fond aux couleurs de votre marque plutôt que transparence, coins laissés nets.
• Le même visuel et les mêmes couleurs dans les deux boutiques : vos utilisateurs doivent reconnaître une seule application, pas deux.
• Prévisualisez les deux en taille de miniature. Un détail lisible à 1024 disparaît à 40 pixels.

Corrigez l'icône une bonne fois et elle restera juste pour toutes les versions suivantes.