Générateur d'icônes iOS
Source image
Square master (e.g. 1024×1024). Max 15 MB.
Mode d'emploi
- Téléchargez une icône principale carrée (1024 × 1024 recommandé). Le traitement s'exécute localement dans votre navigateur: rien n'est téléchargé.
- Téléchargez le ZIP, puis copiez AppIcon.appiconset dans Assets.xcassets dans votre projet Xcode.
- Nettoyez la version, exécutez-la sur un simulateur ou un appareil et confirmez que les icônes réussissent la validation de l'App Store.
FAQ
Est-ce un générateur d'icônes iOS sécurisé? Est-ce que ça télécharge mon image?
Oui, il s’agit d’un outil de développement axé sur la confidentialité. Tous les redimensionnements et emballages ZIP s'exécutent localement dans votre navigateur via les API Canvas. Votre illustration source ne quitte jamais votre appareil et n’est envoyée à aucun serveur.
Quelles tailles d’icônes d’application iOS cet outil génère-t-il?
Il exporte l'intégralité de AppIcon.appiconset: variantes de 20 à 83,5 pts à @1x/@2x/@3x (20 px à 180 px pour l'écran d'accueil de l'iPhone), plus 1 024 × 1 024 illustrations marketing de l'App Store et Contents.JSON groupé.
Où puis-je copier le contenu ZIP dans Xcode?
Décompressez le téléchargement et remplacez le dossier Assets.xcassets/AppIcon.appiconset de votre projet par le ios/AppIcon.appiconset du ZIP (tous les PNG plus Contents.JSON). Dans React Native ou Flutter, utilisez respectivement ios/<AppName>/Images.xcassets ou ios/Runner/Assets.xcassets.
Dois-je inclure des coins arrondis dans l’icône source?
Non, iOS applique automatiquement le masquage des coins: téléchargez un fichier PNG carré à fond perdu sans coins pré-arrondis.
Introduction
Ce générateur d'icônes d'application sécurisé exporte toutes les tailles requises par Apple dans un AppIcon.appiconset — des icônes de notification de 20 pts jusqu'aux illustrations de l'App Store de 1 024 × 1 024 — à partir d'une seule image principale carrée. Il est conçu comme un outil de développement axé sur la confidentialité: la marque des applications inédites reste sur votre ordinateur car le traitement s'exécute entièrement dans votre navigateur.
Traitement local axé sur la confidentialité
Contrairement aux services d'icônes basés sur le cloud, cet outil ne télécharge jamais votre image source. Lorsque vous choisissez un fichier, le navigateur le lit localement, redimensionne chaque variante avec l'API Canvas et assemble le ZIP sur votre appareil. Pas de compte, pas de clé API et pas de stockage côté serveur: idéal lorsque vous travaillez sur des applications en préversion, des ressources NDA client ou des illustrations de changement de marque inédites.
Les développeurs recherchant un générateur d'icônes d'application sécurisé ou des outils de développement axés sur la confidentialité bénéficient du même flux de travail que les alternatives basées sur serveur, sans le risque d'exposition des données.
Normes de taille des icônes des applications iOS
Apple définit les icônes en points (pt) et exporte les pixels (px) à l'échelle @1x, @2x ou @3x. Le tableau ci-dessous répertorie les principaux résultats générés par cet outil dansAppIcon.appiconset.
| Role | Taille du point | Scale | Sortie (px) | Utilisation typique |
|---|---|---|---|---|
| Notification | 20 × 20 | @2x / @3x | 40/60 | Barre de notifications iPhone |
| Settings | 29 × 29 | @1x / @2x / @3x | 29 / 58 / 87 | Paramètres, recherche Spotlight |
| Spotlight | 40 × 40 | @1x / @2x / @3x | 40/80/120 | Résultats phares |
| Application iPhone | 60 × 60 | @2x / @3x | 120/180 | Écran d'accueil (iPhone) |
| Application iPad | 76 × 76 | @1x / @2x | 76 / 152 | Écran d'accueil (iPad) |
| iPad Pro | 83,5 × 83,5 | @2x | 167 | Écran d'accueil (iPad Pro) |
| Magasin d'applications | 1024 × 1024 | @1x | 1024 | Liste App Store Connect |
Le ZIP comprend également unContents.JSONpré-rempli qui mappe chaque nom de fichier à son idiome, sa taille et son échelle – prêt pour le catalogue d'actifs de Xcode.
Copiez les icônes générées dans Xcode
Après avoir téléchargé le ZIP, l'intégration prend moins d'une minute:
- Décompressez l'archive — vous verrez un dossier
ios/avecAppIcon.appiconset/(fichiers PNG +Contents.JSON) et des fichiersiTunesArtwork@*.pngfacultatifs. - Dans Xcode, localisez votre catalogue d'actifs:
YourProject/Assets.xcassets/AppIcon.appiconset(projets Swift/Obj-C). React Native utiliseios/<AppName>/Images.xcassets/AppIcon.appiconset; Flutter utiliseios/Runner/Assets.xcassets/AppIcon.appiconset. - Remplacez le dossier
AppIcon.appiconsetexistant par celui du ZIP, ou copiez chaque PNG etContents.JSONdans le dossier existant, en écrasant les anciens fichiers. - Dans Xcode, confirmez que Icônes d'application et images de lancement → Source de l'icône d'application pointe vers
AppIcondans l'onglet Général de votre cible. - Produit → Nettoyer le dossier de construction, puis reconstruire. Exécutez sur un simulateur pour vérifier l’icône de l’écran d’accueil; téléchargez l'élément 1024 × 1024 sur App Store Connect lors de la soumission.
N'ajoutez pas de coins arrondis aux fichiers PNG: iOS masque automatiquement les icônes au moment de l'exécution.
Principales fonctionnalités
- Traitement local sécurisé — les illustrations sources ne quittent jamais votre navigateur.
AppIcon.appiconsetcomplet avecContents.JSONpour les catalogues d'actifs Xcode.- Tailles marketing pour iPhone, iPad et App Store en un seul téléchargement ZIP.
Cas d'utilisation courants
- Préparer les éléments d'icônes pour une première soumission sur l'App Store sans envoyer la marque à un serveur tiers.
- Mise à jour des jeux d'icônes après une actualisation de la marque.
- Régénération des tailles manquantes pour un projet iOS ou multiplateforme existant.
Meilleures pratiques
- Design avec un contraste fort et des formes simples: les détails fins disparaissent en dessous de 60 px.
- Validez les icônes dans les apparences claires et sombres de l’écran d’accueil.
- Conservez les illustrations vectorielles originales pour les futurs ajustements d’échelle; téléchargez des carrés à fond perdu sans coins pré-arrondis.