À quoi doit ressembler l’image source ?
Partez d’un logo simple qui reste reconnaissable en petite taille. Un SVG transparent ou un grand PNG transparent permet au générateur de séparer votre visuel du fond uni. Une photo peut donner une icône plate utilisable, mais son rectangle opaque détermine aussi la silhouette monochrome. Augmenter les dimensions de sortie ne fera pas apparaître des détails absents du fichier importé.
Ouvrez le générateur d’icônes d’app, importez un SVG, PNG, JPEG, WebP ou HEIC, et choisissez Android, iOS ou les deux. Indiquez un nom de ressource comme ic_launcher, une couleur de fond et une marge par côté. Le ZIP ne contient que les plateformes choisies et une note d’import. Les téléchargements sont privés, et les résultats que vous avez déjà débloqués sont inclus ; la page de l’outil indique le prix actuel pour vos propres fichiers importés.
L’un de nos logos d’exemple (à gauche) et ce que les outils d’export en ont fait : l’icône iOS, l’icône adaptative Android telle qu’un lanceur rond l’affiche, et le favicon, agrandi.
Que contient le pack Android ?
Le pack comprend les PNG mipmap classiques en 48, 72, 96, 144 et 192 pixels, une image Play Store de 512 pixels et le XML de l’icône adaptative. Le visuel du premier plan est placé sur une toile transparente de 432 pixels, qui représente 108 dp en xxxhdpi. Le logo tient dans la zone de sécurité centrale de 66 dp avant l’ajout de la marge choisie. Les masques des lanceurs ont ainsi de la place, sans que le visuel important ne touche le bord de la toile.
Les ressources adaptatives se trouvent dans le dossier de l’API 26. Une variante pour l’API 33 ajoute un calque monochrome. Les PNG du premier plan et du calque monochrome se trouvent dans drawable-xxxhdpi ; les ressources classiques restent dans les dossiers mipmap de densité correspondants. Fusionnez android/res dans le dossier de ressources existant de votre app, puis définissez android:icon="@mipmap/ic_launcher" sur l’application, en remplaçant par le nom que vous avez choisi.
L’icône à thème est créée à partir du canal alpha de la source. Un triangle transparent donne une silhouette triangulaire ; une photo entièrement opaque donne un rectangle plein. C’est une propriété du fichier d’entrée, pas une fonction de reconnaissance du sujet. Supprimez l’arrière-plan ou fournissez un logo transparent conçu pour l’occasion quand vous voulez une icône à thème détourée.
Que contient le pack iOS ?
Le dossier iOS contient AppIcon.appiconset, avec une image RVB opaque de 1 024 × 1 024 pixels et un fichier Contents.json. Ajoutez ce jeu à votre catalogue de ressources Xcode existant et sélectionnez AppIcon dans les réglages de la cible. Le mode à taille unique de Xcode en déduit les tailles pour chaque plateforme.
Cet export crée un catalogue de ressources plat. Il ne génère pas de document .icon d’Icon Composer, ni de calques de profondeur modifiables, ni d’effets Liquid Glass. Ceux-ci demandent une méthode de conception à part. Gardez le visuel d’origine sous la main si vous prévoyez de créer plus tard des variantes en calques. Pour une simple image utilisée dans votre interface, choisissez un imageset Xcode plutôt qu’un jeu d’icônes d’app.
Vérifier avant la publication
Sur Android, examinez les masques en cercle, en squircle et les autres masques des lanceurs. Regardez le résultat monochrome avec les icônes à thème activées, et vérifiez que votre premier plan n’est pas trop petit après l’ajout de la marge. Sur iOS, examinez l’icône dans Xcode et sur un appareil. Vérifiez le logo en petite taille, son contraste avec le fond et l’absence de bords indésirables.
Un pack généré fournit des fichiers de ressources ; il n’évalue pas les droits de marque, ne juge pas la qualité visuelle et ne garantit pas l’acceptation par les stores. Gardez une copie de vos ressources existantes avant de fusionner les dossiers, et vérifiez la sortie de compilation de l’app pour repérer les conflits de noms ou les exigences propres à une cible.