Comment utiliser : Générateur d’icônes d’application
- Fournissez une image carrée — de préférence au format PNG 1024 × 1024 px ou SVG.
- Choisissez les plateformes, la couleur d'arrière-plan (les icônes iOS ne peuvent pas être transparentes) et le remplissage (facultatif).
- Consultez les aperçus, puis cliquez sur « Télécharger le fichier ZIP » ; faites glisser les dossiers dans Xcode et Android Studio.
Contenu du fichier ZIP
- iOS —
AppIcon.appiconsetavec toutes les tailles d’iPhone et d’iPad (de 20 à 1 024 px) et une image correspondanteContents.json. Faites-le glisser dansAssets.xcassetsdans Xcode, en remplaçant l’AppIcon existant. - Android —
mipmap-mdpidans lesmipmap-xxxhdpidossiers paric_launcher.pngetic_launcher_round.png(48–192 px), les calques de premier plan de l’icône adaptative (108–432 px), le fichier XML dansmipmap-anydpi-v26et la ressource de couleur d’arrière-plan. Copiez les dossiers dansapp/src/main/res. Sans oublier l’icône du Play Store au format 512 × 512. - Web / PWA — les fichiers PNG de favicons, l’icône tactile Apple de 180 px, les icônes de manifeste de 192 et 512 px, une icône masquable et un extrait de manifeste prêt à coller.
Règles importantes relatives aux plateformes
Les icônes iOS ne doivent pas être transparentes — App Store Connect rejette les icônes comportant un canal alpha — ; les zones transparentes sont donc remplies de la couleur d’arrière-plan. iOS arrondit lui-même les coins : fournissez une image carrée, ne l’arrondissez pas vous-même. Les icônes adaptatives Android recadrent le premier plan en cercles, « squircles » ou carrés arrondis ; veillez à ce que la partie importante se trouve dans les 66 % centraux (la zone de sécurité) — c’est le rôle du curseur de marge adaptative.
Conception respectueuse de la vie privée
Tout redimensionnement s’effectue dans votre navigateur grâce à l’API Canvas ; votre illustration n’est jamais téléchargée.
Aussi recherché comme : générateur d’icônes d’applications ios, générateur d’icônes android, générateur d’appiconset, générateur d’icônes adaptatif, générateur d’icônes pwa, tailles des icônes d’applications android.
Outils complémentaires : Générateur d’icônes d’application
- PWA Manifest Generator — Make any website an installable PWA.
- Générateur de favicons — Créez un ensemble complet de favicons à partir d'un logo, d'une lettre ou d'un emoji : un fichier favicon.ico en plusieurs tailles, une icône Apple Touch, des icônes Android/PWA, un Webclip Webflow, le manifeste Web et les balises HTML à insérer.
- Outil de redimensionnement d’images — Redimensionnez une photo selon des dimensions précises en pixels ou un pourcentage, recadrez-la pour l'adapter au format des réseaux sociaux, ou insérez-la dans un cadre avec une couleur d'arrière-plan — le tout directement dans votre navigateur.
- Convertisseur d’images — Convertissez n'importe quelle image que votre navigateur peut ouvrir — PNG, JPG, WebP, AVIF, GIF, BMP ou SVG — au format PNG, JPG, WebP ou AVIF, qu'il s'agisse d'un seul fichier ou de plusieurs centaines à la fois.
Questions fréquentes
Quelle doit être la taille de mon image source ?
Au moins 1 024 × 1 024 px, au format carré. Un fichier SVG offre la meilleure netteté quelle que soit la taille. Les images plus petites sont agrandies et peuvent paraître floues lorsqu'elles sont affichées en grandes icônes.
Pourquoi l’icône de mon application iOS a-t-elle un fond blanc ?
Apple n'autorise pas la transparence dans les icônes d'application ; les zones transparentes sont donc remplies de la couleur d'arrière-plan que vous choisissez. Choisissez une couleur qui s'harmonise avec votre design.
Que sont les icônes adaptatives Android ?
Depuis Android 8, les icônes du lanceur comportent un calque de premier plan et un calque d'arrière-plan distincts, que le système superpose pour créer différentes formes et animer. Le fichier ZIP contient ces deux calques ainsi que le fichier XML qui les relie entre eux.
Ai-je toujours besoin de toutes les tailles iOS avec Xcode 15 ?
Xcode peut générer des tailles à partir d'une seule icône de 1 024 px, mais l'ensemble complet vous permet de contrôler les petites tailles et prend en charge les cibles de déploiement plus anciennes. Les deux méthodes fonctionnent.
Puis-je installer Générateur d’icônes d’application en tant qu’application web et l’utiliser hors ligne ?
Oui. Générateur d’icônes d’application est une application web installable (PWA) : elle s’installe depuis votre navigateur, sans passer par une boutique d’applications. Cliquez sur « Installer l’application » en haut de cette page dans Chrome ou Edge (Windows, macOS, Linux, ChromeOS) ; sur Android, utilisez « Partager » → « Ajouter à l’écran d’accueil » sur iPhone et iPad ; ou « Fichier » → « Ajouter au Dock » dans Safari 17+ sur Mac. L’application s’ouvre alors dans sa propre fenêtre avec sa propre icône, et comme elle s’exécute entièrement dans votre navigateur, elle continue de fonctionner hors ligne. Firefox sur ordinateur de bureau ne permet pas d’installer d’applications web. Comment fonctionne l’installation.