Une image, toutes les icônes dont votre app a besoin
Chaque store et chaque système exige sa propre pile de tailles : quinze rien que pour iOS, onze pour Android, une douzaine pour le web. Ce générateur les rend toutes à partir d'une seule image 1024×1024 avec une réduction de haute qualité, nomme les fichiers comme l'attendent Xcode, Android Studio et les manifestes web, et les regroupe dans un zip. Comme tout se passe dans votre navigateur, votre création n'est jamais téléversée.
Comment l'utiliser
- Exportez votre icône en PNG ou SVG carré, idéalement 1024×1024 sans coins arrondis : le système applique le masque.
- Déposez-la, puis cochez les plateformes visées. Les icônes iOS et watchOS ne peuvent pas être transparentes : un fond est appliqué automatiquement.
- Choisissez un fond parmi les préréglages ou la palette Material, et ajoutez une marge si votre dessin touche les bords.
- Cliquez sur télécharger. Le zip est organisé par plateforme avec les noms de fichiers exacts attendus par chaque outil.
Tailles incluses
iOS/iPadOS : App Store 1024, iPhone et iPad @2x/@3x, Spotlight, Réglages et Notifications. Android : Play Store 512, calques adaptatifs (mdpi–xxxhdpi) et lanceurs hérités. macOS : de 16 à 1024 en @1x et @2x. watchOS : App Store, Short Look, Accueil et Notifications. Web/PWA : 512 et 192 (standard et maskable), Apple Touch 180, MS Tile 144, Chrome 128/96 et favicons 48/32/16.
Conseils pour des icônes lisibles à toutes les tailles
- Dessinez en 1024 px mais vérifiez l'aperçu 29 px : les détails fins et les typos maigres disparaissent.
- Gardez l'essentiel dans le cercle en pointillés : les icônes PWA maskable et adaptatives Android sont rognées à cette zone sûre.
- Choisissez un fond bien contrasté avec votre logo ; testez les paires dans le vérificateur de contraste.
- Évitez le blanc pur bord à bord : sur iOS il se fond dans les fonds d'écran clairs. Une teinte de votre palette se lit mieux.