Comment utiliser Générateur d’icônes d’app
- 1
Ajoutez votre visuel
Déposez un PNG, JPG, WebP ou SVG carré, idéalement de 1024 × 1024 pixels ou plus ; un logo avec un arrière-plan transparent convient aussi très bien.
- 2
Choisissez les plateformes
Gardez iOS, Android et Web et PWA, ou décochez celles que vous ne publiez pas, puis choisissez le jeu complet de tailles Xcode ou une seule icône de 1024 px.
- 3
Ajustez le rendu
Réglez la marge intérieure, la couleur d’arrière-plan et la taille du visuel dans les icônes adaptatives et maskable, en vérifiant les repères de zone de sécurité et les formes des lanceurs.
- 4
Téléchargez le ZIP
Cliquez sur Télécharger le ZIP et copiez chaque dossier dans votre projet ; le fichier README inclus indique où placer chaque fichier.
Limites et Pro
Gratuit et sans filigrane : une image source jusqu’à 50 Mo à la fois, jusqu’à 44 icônes PNG par ZIP (39 par défaut, 5 de plus avec le calque d’icône thématique), téléchargements illimités.
À propos de Générateur d’icônes d’app
Le générateur d’icônes d’application transforme une seule image en jeu d’icônes complet pour une application mobile ou une application web progressive, avec des fichiers nommés et rangés dans des dossiers comme Xcode, Android Studio et les navigateurs l’attendent. Avec toutes les plateformes sélectionnées, le ZIP contient 39 fichiers PNG : 15 pour le catalogue d’assets iPhone et iPad, dont l’icône App Store de 1024 px, 15 images de lanceur Android pour les densités de mdpi à xxxhdpi, l’icône Google Play de 512 px, et 8 icônes web couvrant les tailles de manifeste 192 et 512 px, des versions maskable, l’apple-touch-icon de 180 px et des favicons de 16, 32 et 48 px.
Aux images s’ajoutent un fichier Contents.json pour AppIcon.appiconset, le XML mipmap-anydpi-v26 pour les icônes adaptatives d’Android 8 avec une ressource de couleur d’arrière-plan, un favicon.ico à trois tailles, un bloc icons pour manifest.webmanifest et les balises HTML link. Les fichiers iOS sont écrits sans canal alpha, car Xcode refuse les icônes App Store qui en ont un, et chaque taille est réduite à partir d’un original de 1024 px par étapes de moitié pour que les petites icônes restent nettes.
L’outil ne conçoit pas d’icône et ne supprime pas d’arrière-plan à votre place, et il utilise une couleur unie pour le calque d’arrière-plan adaptatif plutôt qu’une seconde image. Les aperçus Squircle, Goutte et cercle imitent des lanceurs courants ; chaque fabricant de téléphones dessine son propre masque, vérifiez donc le résultat sur un appareil réel.
Confidentialité
Votre visuel est décodé, redimensionné et intégré au ZIP par cet onglet du navigateur, à l’aide d’un canvas et d’un Web Worker local : l’image ne quitte jamais votre appareil et rien n’est envoyé ni conservé.
Fonctionnalités
Catalogue d’assets Xcode
AppIcon.appiconset avec Contents.json, toutes les tailles iPhone et iPad, PNG sans canal alpha.
Icônes adaptatives Android
Calques de premier plan, ressource de couleur d’arrière-plan, icônes rondes, calque thématique et icône Play Store 512.
PWA et favicons
Icônes de manifeste, versions maskable, apple-touch-icon, favicon.ico et balises HTML prêtes à l’emploi.