Icônes iOS et Android : sources, masques et fichiers à exporter

Une icône iOS et une icône de lanceur Android peuvent partager le même symbole sans constituer la même ressource technique. iOS peut produire des variations à partir d’une image haute résolution dans un catalogue. Android sépare les calques de premier plan et d’arrière-plan pour permettre au lanceur d’appliquer ses masques et effets.

Ce guide compare les responsabilités de chaque plateforme. Le guide des tailles d’icônes fournit les dimensions à consulter pendant l’export.

Commencez par un dessin reconnaissable en petit

Conservez une source propre avant d’ajouter un traitement spécifique à une plateforme. L’identité commune repose sur un symbole principal ou un monogramme court, un contraste suffisant et de l’espace autour du motif. Les détails qui disparaissent sur l’écran d’accueil n’aident pas à reconnaître l’application.

Comparez le dessin sur son fond prévu et à une taille réduite. Un rendu convaincant à 1024 pixels peut devenir confus dans le lanceur. Réglez d’abord la forme et la hiérarchie, puis préparez les ressources propres à chaque système.

iOS utilise un catalogue et applique la forme de l’icône

Apple documente un flux avec une image de 1024 × 1024 pour les variations d’icônes iOS et iPadOS. Xcode la conserve dans un catalogue de ressources, généralement dans un ensemble AppIcon. Le système gère la présentation extérieure : n’intégrez pas les coins arrondis à l’image source.

L’export iOS actuel d’AppIconGenerator produit cette structure, couverte par des tests locaux :

iOS/
├── AppIcon.appiconset/
│   ├── AppIcon-1024.png
│   └── Contents.json
├── AdditionalSizes/
│   └── ...optional PNG sizes
└── README.txt

Contents.json déclare l’image de 1024 comme ressource iOS universelle. Les PNG supplémentaires se trouvent dans un dossier séparé pour les projets qui en ont besoin ; ils ne remplacent pas cette entrée du catalogue.

Cet export ne crée pas d’apparences sombres ou teintées. Apple propose aussi des flux plus récents avec Icon Composer. Vérifiez la cible et la version de Xcode avant de considérer le dossier comme prêt pour une soumission.

Le générateur d’icônes iOS permet de comparer le masque et de préparer le dossier local.

Android sépare le premier plan et l’arrière-plan

Les recommandations Android placent les deux calques adaptatifs sur un canevas de 108 × 108 dp. La zone centrale de 66 × 66 dp reste visible sous les masques pris en charge. La périphérie laisse de la place aux recadrages et mouvements du lanceur.

Préparez si possible un symbole transparent au premier plan et un arrière-plan qui remplit son calque. Gardez les lettres et détails essentiels dans la zone sûre. Inspectez plusieurs formes : un dessin équilibré dans un carré arrondi peut perdre une partie de son motif dans un cercle.

L’export adaptatif actuel contient les PNG traditionnels et les calques par densité, ainsi que les références XML pour Android 8.0 et les versions suivantes :

Android/
├── res/
│   ├── mipmap-mdpi/
│   ├── mipmap-hdpi/
│   ├── mipmap-xhdpi/
│   ├── mipmap-xxhdpi/
│   ├── mipmap-xxxhdpi/
│   └── mipmap-anydpi-v26/
│       ├── ic_launcher.xml
│       └── ic_launcher_round.xml
├── play_store_512.png
└── README.txt

Chaque dossier de densité contient ic_launcher.png et ic_launcher_round.png. Le mode adaptatif ajoute ic_launcher_foreground.png et ic_launcher_background.png, référencés par les XML.

Dans le créateur d’icônes Android, comparez les masques, la zone sûre et l’échelle du premier plan avant l’export.

L’image Google Play est indépendante du lanceur

L’image de la fiche et les ressources de l’application ont des rôles différents. Google Play spécifie actuellement un PNG de 512 × 512, 32 bits, en sRGB, de 1024 Ko maximum. La boutique applique son masque et son ombre ; fournissez donc un carré complet sans masque extérieur ni ombre ajoutée.

Le fichier exporté est Android/play_store_512.png. Il ne remplace pas le contenu de Android/res/. Un export réussi dans le navigateur ne prouve pas non plus l’acceptation par Play Console.

Quelles décisions partager entre iOS et Android ?

Finalisez un symbole commun, préparez ses traitements techniques et exportez chaque plateforme depuis le créateur d’icônes.

Vérifications avant l’export

1. Inspectez le symbole à la taille d’un écran d’accueil.
2. Laissez iOS gérer les coins extérieurs.
3. Gardez le motif Android dans la zone sûre adaptative.
4. Vérifiez séparément l’image Google Play.
5. Contrôlez noms et références avant de remplacer les ressources.
6. Compilez et inspectez l’application dans un simulateur ou sur un appareil.

Exemple installé sur simulateur

Le 2 octobre 2026, l’icône exportée a été installée dans un simulateur iPhone 17 isolé sous iOS 26.5. L’application a démarré et l’icône XY est apparue sur l’écran d’accueil. Cela vérifie ce projet et ce système, sans prouver le résultat sur appareil physique ni une validation App Store.

Le 2 octobre 2026, les ressources ont été installées dans un simulateur Android API 36 isolé. L’application a démarré et l’icône XY est apparue dans le tiroir d’applications. Le contrôle concerne ce lanceur et cette compilation ; les autres masques et appareils restent à vérifier.

Questions fréquentes

Peut-on utiliser la même image source sur les deux plateformes ?

Le dessin peut être commun. Conservez une version carrée opaque pour iOS et un premier plan transparent avec un fond séparé pour Android adaptatif. Exportez chacun dans sa structure propre.

Faut-il arrondir les coins du dessin ?

Non. Les systèmes et Google Play appliquent leurs masques. Un recadrage extérieur déjà intégré peut créer des doubles coins ou des marges inattendues.

L’image Google Play peut-elle servir de premier plan adaptatif ?

En général, non. C’est un carré complet destiné à la boutique. Un premier plan adaptatif contient le motif avec transparence et marge de sécurité, tandis que le fond reste séparé.

Sources consultées

• Apple : configurer une icône avec un catalogue de ressources
• Apple : créer une icône avec Icon Composer
• Android Developers : icônes adaptatives
• Android Developers : spécifications des icônes Google Play

Consultation : 20 septembre 2026. Structure locale : src/lib/icon-forge/zip.ts, couverte par src/lib/icon-forge/zip.test.ts.