Redimensionneur d'icônes d'app gratuit pour iOS, Android et web
Chargez une icône carrée, réglez la marge et l'arrière-plan, puis téléchargez des paquets prêts pour iOS, Android, macOS, watchOS, Windows, Chrome et PWA. Votre image ne quitte jamais le navigateur.
Click or drag image to upload
Supports PNG, JPG, WebP, SVG (Recommended 1024×1024)
Prevents the icon glyph from touching platform circular or rounded cutouts.
Upload an icon to preview platform mockups
Supported Platform Deliverables
18 icons + Contents.json
mipmap-*, round & Play Store
10 icons + Contents.json
17 watch screen sizes
favicon.ico, apple-touch, PWA
16~128 + Manifest V3
Apple modern .icon bundle
app.ico & VisualAssets
Redimensionner une icône d'app en 3 étapes
D'une image maître à toutes les tailles prêtes pour les stores, sans outil de design et sans upload.
- 1
Chargez votre icône maître
Déposez un PNG, JPG, WebP ou SVG. Un master de 1024x1024 donne le rendu le plus net à toutes les tailles de sortie.
- 2
Réglez marge et arrière-plan
Ajoutez une marge de zone de sécurité pour que les masques ne rognent pas votre motif, et aplatissez la transparence avec un fond uni pour les stores qui exigent des icônes opaques.
- 3
Choisissez les plateformes et téléchargez
Cochez iOS, Android, web ou les huit cibles, puis téléchargez un ZIP avec des dossiers correctement nommés, les fichiers Contents.json et les extraits de manifest.
Tailles d'icône d'app pour iOS, Android et web
Les vérifications des stores passent par des chiffres précis avant que quiconque voie votre design. Voici ce qu'attend chaque destination et ce que ce redimensionneur génère depuis un seul master.
| Destination | Tailles à livrer | Règles de format |
|---|---|---|
| App Store (iOS) | master de 1024x1024 px | PNG, sans alpha, coins droits |
| Écran d'accueil iPhone et iPad | 18 fichiers de 20x20 à 1024x1024 | Xcode déduit toutes les tailles depuis Xcode 14 |
| Icône de launcher Android | mipmap de 48, 72, 96, 144 et 192 px | Un PNG par densité plus variantes rondes |
| Icône adaptative Android | canevas de 108x108 dp, zone sûre de 66 dp | Calques avant et arrière ; masques variables selon l'appareil |
| Fiche Google Play | 512x512 px | PNG 32 bits, sans alpha, 1 MB max |
| Favicon web | 16, 32 et 48 px dans un seul .ico | Plus des PNG individuels de secours |
| Marque-page web iOS | apple-touch-icon de 180x180 px | PNG opaque ; iOS arrondit les coins |
| Manifest PWA | 192x192 et 512x512 px | PNG ; variantes maskable recommandées |
| Extension Chrome | 16, 32, 48 et 128 px | PNG listés dans le Manifest V3 |
| macOS et watchOS | 10 et 17 fichiers par jeu | Dossiers AppIcon.appiconset avec Contents.json |
Les tailles suivent la documentation développeur d'Apple et de Google, version 2026. La sortie du redimensionneur correspond à ce tableau.
Comment chaque plateforme traite votre icône
Redimensionner n'est que la moitié du travail. Chaque plateforme masque, met à l'échelle ou superpose votre visuel différemment, et cette différence explique la plupart des envois refusés.
iOS et iPadOS.Depuis Xcode 14, Apple demande un seul master 1024x1024, sans transparence et sans coins préarrondis. Xcode génère les 18 fichiers de l'appiconset, et le système applique le masque à l'affichage : votre visuel reste un carré complet.
Android.Sous Android 8 et plus, l'icône du launcher se dessine depuis une icône adaptative : un calque d'arrière-plan et un calque avant sur un canevas de 108x108 dp. Les masques des appareils vont du cercle au squircle jusqu'au carré arrondi et peuvent couper tout ce qui dépasse le cercle central de 66 dp. C'est pourquoi la marge décide de la survie de votre logo.
Web et PWA.Une web app a besoin de favicons pour les onglets, d'un apple-touch-icon de 180x180 pour les marque-pages iOS, et d'icônes de manifest 192x192 et 512x512 pour l'invite d'installation. Le paquet exporté contient le site.webmanifest et l'extrait exact à coller dans le head HTML.
Frameworks multiplateformes.Le ZIP suit la structure standard android/res/mipmap-*, les fichiers Android se copient tels quels dans un projet Flutter ou React Native, et le master 1024x1024 sert de source unique pour flutter_launcher_icons.
Gardez votre icône d'app dans la zone sûre
La plupart des problèmes de redimensionnement viennent d'un visuel qui remplit tout le canevas. Quatre règles protègent le motif à toutes les tailles.
Une marge pour le motif, pas le canevas
Sur iOS, gardez le logo dans les 80% centraux environ ; sur les icônes adaptatives, dans le cercle de 66 dp. Le curseur de marge prévisualise la réserve en direct.
N'arrondissez jamais les coins à l'avance
iOS, Android et Google Play appliquent chacun leur masque à l'affichage. Un visuel prédéjà arrondi laisse des interstices de la couleur de fond aux coins.
Aplatissez la transparence avant l'export
L'App Store et Google Play refusent les icônes avec canal alpha. Remplissez les zones transparentes d'une couleur de fond unie.
Vérifiez le motif à 48 px
Les launchers et favicons s'affichent à 48 px et moins. S'il devient illisible là, simplifiez-le avant de redimensionner.
Redimensionnez votre icône d'app maintenant
Chaque taille du tableau ci-dessus sort d'un seul upload, avec des dossiers et des manifests prêts à déposer dans votre projet.
Trois façons de redimensionner une icône d'app
Un redimensionneur dans le navigateur, un redimensionneur en ligne classique et l'export manuel d'un outil de design résolvent le même travail à des coûts différents.
| Ce redimensionneur dans le navigateur | Redimensionneur en ligne classique | Export d'outil de design | |
|---|---|---|---|
| Plateformes par téléchargement | 8 cibles dont watchOS, Windows, Chrome | le plus souvent iOS et Android | une taille par export |
| Votre visuel | reste dans le navigateur | généralement envoyé à un serveur | reste sur votre machine |
| Marge et zone sûre | curseur avec aperçu du masque en direct | basique ou absent | repères manuels |
| Structure de sortie | dossiers, Contents.json, manifest, extrait HTML | ZIP de PNG isolés | exports isolés |
| Encodage favicon .ico | .ico multi-résolution intégré | parfois proposé | plugin ou script nécessaire |
| Aperçu des formes adaptatives | cercle, squircle, goutte, carré arrondi | rarement proposé | indisponible |
| Coût | gratuit | gratuit avec limites | licence ou abonnement |
Comparaison fondée sur les fonctions publiées des redimensionneurs en ligne et outils de design courants, à jour de 2026.
Ce que produit le redimensionneur d'icônes d'app
Chaque paquet de plateforme est généré depuis votre master avec marge et fond réglés, avec les noms de fichiers et la structure de dossiers attendus par chaque plateforme.
Jeu iOS et iPadOS
18 fichiers appiconset de 20x20 à 1024x1024 avec un Contents.json prêt pour Xcode.
Paquet mipmap et adaptatif Android
Cinq dossiers de densité avec icônes rondes, XML d'icône adaptative et l'icône Play Store de 512x512.
Paquet web, PWA et favicon
Un favicon.ico multi-résolution, l'apple-touch-icon de 180x180, les icônes de manifest 192 et 512, plus l'extrait pour le head.
Jeux macOS, watchOS et Windows
Dossiers AppIcon.appiconset pour Mac et Apple Watch, un app.ico Windows et les assets de tuile MSIX.
Icônes d'extension Chrome
PNG de 16, 32, 48 et 128 px avec un extrait Manifest V3, prêts pour le dossier de l'extension.
Envoyer vers l'espace de travail
Les utilisateurs connectés peuvent pousser l'icône redimensionnée directement dans le canevas d'un projet SparkIconAI.
D'un master à un jeu d'icônes complet
Le redimensionneur termine le travail. Ces outils le commencent ou le prolongent.
Générer le master 1024 avec l'IA
Décrivez l'icône en une phrase, choisissez un style et exportez le master que cet outil redimensionne.
Générateur d'icônes de site
Créez des favicons et icônes PWA pour tout le projet web, en accord avec votre app.
Guide des tailles d'icône d'app
Le guide de design complet derrière les chiffres du tableau ci-dessus.
Parcourir les styles d'icônes
Flat, 3D, clay et verre pour restyler le master avant de redimensionner.
FAQ du redimensionneur d'icônes d'app
Questions fréquentes sur les tailles, les formats et les envois refusés.
Quelle taille doit avoir une icône d'app ?
Livrez un PNG de 1024x1024 px pour l'App Store et un PNG de 512x512 px pour Google Play. Toutes les autres tailles, de l'icône de réglages iOS de 20x20 au launcher Android xxxhdpi de 192x192, sont déduites du master par Xcode, Android Studio ou ce redimensionneur.
Comment redimensionner des icônes d'app pour iPhone ?
Chargez votre master 1024x1024 dans le redimensionneur, laissez une petite marge autour du motif et téléchargez le paquet iOS. Il contient les 18 fichiers appiconset plus le Contents.json attendu par Xcode : le dossier se glisse directement dans Assets.xcassets. Depuis Xcode 14, App Store Connect n'exige qu'une seule icône de 1024x1024.
Comment agrandir les icônes sur l'écran d'accueil ?
Ce réglage se trouve sur le téléphone, pas dans le visuel. Sous iOS 18 et plus, maintenez un espace vide de l'écran d'accueil, touchez Modifier puis Personnaliser, et passez de Petit à Moyen ou Grand. Sur Android, cela dépend du launcher : maintenez le fond appuyé et cherchez la taille des icônes dans les réglages de l'écran d'accueil. Cette page concerne les visuels que les développeurs livrent aux stores.
Pourquoi mon icône d'app paraît rognée sur Android ?
Sous Android 8 et plus, le système masque chaque icône de launcher depuis un canevas adaptatif de 108x108 dp, et la forme varie selon l'appareil : cercle, squircle, goutte ou carré arrondi. Ce qui dépasse le cercle central de 66 dp est coupé sur certains appareils. Ajoutez de la marge jusqu'à ce que le motif tienne dans le cercle : le curseur de marge et l'aperçu de formes servent exactement à cela.
L'icône iOS accepte-t-elle un fond transparent ?
Non. App Store Connect exige que chaque pixel soit opaque, et un canal alpha provoque des erreurs d'envoi. Si votre icône source contient de la transparence, choisissez un fond uni dans le redimensionneur avant d'exporter ; les PNG aplatis passeront la validation.
Faut-il arrondir les coins de mon icône d'app ?
Non. iOS, Google Play et les launchers Android appliquent leurs propres masques à l'affichage, différents selon les appareils et les versions du système. Un visuel prédéjà arrondi montre des interstices visibles de la couleur de fond autour des coins. Exportez un carré complet et laissez le système arrondir.
Comment ajouter l'icône redimensionnée à un projet Xcode ?
Décompressez le téléchargement et glissez le dossier ios/AppIcon.appiconset dans Assets.xcassets dans Xcode, en remplaçant le jeu existant. Le Contents.json inclus liste déjà chaque fichier, aucune affectation manuelle n'est nécessaire.
Peut-on utiliser ces icônes dans une app Flutter ?
Oui. Les dossiers android/res/mipmap-* du ZIP suivent la structure de ressources Android standard, vous pouvez donc les copier directement dans le dossier android d'un projet Flutter, ou fournir le master 1024x1024 à flutter_launcher_icons. Côté iOS, tout passe comme d'habitude par le catalogue d'assets de Xcode.
Pas encore d'icône maître ?
Générez une icône d'app de 1024x1024 à partir d'un texte, puis redimensionnez-la ici pour toutes les plateformes.