Image / Icônes d’application
Générateur d’icône Liquid Glass pour Icon Composer
Transformez un PNG ou SVG de premier plan en bundle .icon Liquid Glass pour Icon Composer et Xcode 26. Choisissez la couleur d’arrière-plan et la marge, comparez des aperçus approximatifs en modes clair, sombre, teinté et transparent, puis exportez un PNG aplati de 1024 × 1024.
Générateur d’icône Liquid Glass pour Icon Composer: Conserve une image de premier plan séparée du dégradé d’arrière-plan automatique fourni par Icon Composer. L’image est centrée en fonction de la marge indiquée, puis intégrée dans un bundle .icon au sein d’un fichier ZIP. Les aperçus dans le navigateur illustrent les carrés arrondis et un cercle pour la montre, avec des modes teinté et transparent approximatifs. Le PNG aplati utilise la couleur de base unie sélectionnée et ne contient aucun matériau en verre. Les contrôles de forme et de rendu des aperçus ne modifient pas les paramètres du bundle. Fonctionne 100 % localement dans votre navigateur, sans aucun téléversement de fichier vers le serveur.
- Catégorie
- Outils image
- Exécutions
- Dans votre navigateur
- Coût
- Gratuit · sans inscription
- Disponibilité
- Prêt à l'emploi
Fonctionne entièrement dans votre navigateur
Liquid Glass est le langage de conception d’Apple introduit avec iOS 26. Les icônes d’app utilisent des calques et des matériaux qui s’adaptent à leur apparence et à leur environnement. Documentation pour développeurs Apple · Human Interface Guidelines
Déposez votre illustration ici ou parcourez vos fichiers. Les illustrations transparentes donnent de meilleurs résultats. Jusqu’à 20 MB.
Icon Composer remplit l’arrière-plan avec un dégradé automatique à partir de votre couleur. Ces aperçus et le PNG aplati utilisent une couleur de base unie ; ajustez le dégradé final dans Icon Composer.
Aperçu approximatif ; le rendu final est effectué par iOS. Les formes et les apparences teintée et transparente sont des illustrations, et non le rendu des matériaux d’Apple.
Extrayez le ZIP, ouvrez AppIcon.icon dans Icon Composer pour Xcode 26, vérifiez les matériaux et les apparences, puis ajoutez le bundle .icon à votre projet Xcode. Pour les cibles plus anciennes, utilisez le PNG aplati dans un catalogue d’assets. Guide Icon Composer d’Apple
Ce générateur conserve un calque de premier plan au-dessus du remplissage d’arrière-plan. Il ne modifie pas la profondeur des calques, la réfraction, les reflets ni les ombres. Ajoutez et ajustez d’autres calques dans Icon Composer. Les commandes d’aperçu ne modifient pas les réglages d’apparence du bundle.
Votre image reste dans votre navigateur. Rien n’est téléversé.
Liquid Glass et conception d’icônes d’applications
Apple décrit Liquid Glass et les icônes d’applications adaptatives dans sa documentation destinée aux développeurs et ses Human Interface Guidelines. Suivez ses recommandations pour obtenir une icône reconnaissable sur toutes les plateformes et dans toutes les apparences. https://developer.apple.com/documentation/technologyoverviews/liquid-glass et https://developer.apple.com/design/human-interface-guidelines/app-icons
Icon Composer et Xcode
Icon Composer prend en charge les illustrations en calques et les réglages des matériaux. Ouvrez-y le bundle .icon extrait et vérifiez-le avant de l’ajouter à votre projet Xcode. Ce générateur fournit un calque de premier plan et un dégradé d’arrière-plan automatique basé sur votre couleur. https://developer.apple.com/icon-composer/ et https://developer.apple.com/documentation/Xcode/creating-your-app-icon-using-icon-composer
Comment l'utiliser
- Choisissez une image de premier plan, idéalement un PNG transparent ou un SVG, puis définissez sa marge et la couleur d’arrière-plan.
- Comparez les écrans d’accueil clairs et sombres, les formes proposées par la plateforme et les rendus approximatifs en modes teinté et transparent.
- Téléchargez et décompressez le fichier ZIP .icon, ouvrez le bundle dans Icon Composer, vérifiez le rendu final et ajoutez-le à votre projet Xcode. Téléchargez un PNG aplati pour les anciennes versions ciblées.
Confidentialité et limitations
Les images sont décodées et exportées dans votre navigateur. Votre image n’est pas téléversée.
Outils associés
Questions fréquentes
Qu’est-ce que Liquid Glass ?
Liquid Glass est le langage de design d’Apple introduit avec iOS 26. Les icônes d’app peuvent utiliser des calques et des matériaux qui s’adaptent aux différents modes d’affichage. Cette page prépare un bundle de départ ; le système d’exploitation génère le rendu final.
Comment utiliser le téléchargement dans Xcode 26 ?
Décompressez le fichier ZIP et ouvrez le bundle AppIcon.icon dans Icon Composer. Vérifiez et enregistrez-y l’icône, puis ajoutez le bundle .icon à votre projet Xcode et sélectionnez-le comme icône de l’app. Le guide Icon Composer d’Apple explique la configuration du projet.
Cet éditeur prend-il en charge la profondeur par calques ?
Il fournit un seul calque de premier plan au-dessus du remplissage d’arrière-plan. Il ne permet pas de modifier plusieurs calques ni la profondeur, la réfraction, les reflets ou les ombres. Ajoutez des calques et ajustez les matériaux dans Icon Composer.
Les aperçus correspondent-ils au rendu final d’iOS ?
Non. Les formes carrées arrondies et circulaires, ainsi que les effets teinté et transparent, sont des aperçus approximatifs. Le rendu final est généré par iOS. Le navigateur et le PNG aplati utilisent une couleur d’arrière-plan unie ; Icon Composer fournit le dégradé automatique.
Outil gratuit · dans votre navigateur exécutions · aucun compte requis