Immagine / Icone delle app
Generatore di icone Liquid Glass per Icon Composer
Trasforma un PNG o SVG in primo piano in un pacchetto .icon Liquid Glass per Icon Composer e Xcode 26. Scegli il colore di sfondo e il padding, confronta anteprime approssimative in modalità chiara, scura, con tinta e trasparente ed esporta un PNG appiattito da 1024 × 1024.
Generatore di icone Liquid Glass per Icon Composer: Mantiene separata un'unica immagine in primo piano dal gradiente di sfondo automatico fornito da Icon Composer. Centra la grafica usando il padding scelto e crea un pacchetto .icon in un file ZIP. Le anteprime nel browser mostrano quadrati arrotondati e un cerchio per l'orologio, con modalità approssimative con tinta e trasparente. Il PNG appiattito usa il colore di base uniforme selezionato e non contiene materiali Glass. I controlli per la forma e l'aspetto dell'anteprima non modificano le impostazioni del pacchetto. Funziona al 100% localmente nel browser, senza caricare file sul server.
- Categoria
- Strumenti per immagini
- Esecuzioni
- Nel browser
- Costo
- Gratuito · senza registrazione
- Disponibilità
- Pronto all'uso
Funziona interamente nel browser
Liquid Glass è il linguaggio di design di Apple introdotto con iOS 26. Le icone delle app usano livelli e materiali che si adattano al loro aspetto e all'ambiente circostante. Documentazione per sviluppatori Apple · Linee guida per l'interfaccia umana
Trascina qui la grafica o sfoglia i file. La grafica trasparente dà i risultati migliori. Fino a 20 MB.
Icon Composer riempie lo sfondo con un gradiente automatico basato sul tuo colore. Queste anteprime e il PNG appiattito usano un colore di base uniforme; regola il gradiente finale in Icon Composer.
Anteprima approssimativa: l'aspetto finale viene reso da iOS. Le forme e gli aspetti colorato e trasparente sono illustrazioni, non la resa dei materiali di Apple.
Estrai il file ZIP, apri AppIcon.icon in Icon Composer per Xcode 26, controlla i materiali e gli aspetti, quindi aggiungi il bundle .icon al progetto Xcode. Per i target meno recenti, usa il PNG appiattito in un catalogo di risorse. Guida di Apple a Icon Composer
Questo generatore mantiene un solo livello in primo piano sopra il riempimento dello sfondo. Non modifica la profondità dei livelli, la rifrazione, i riflessi o le ombre. Aggiungi e regola altri livelli in Icon Composer. I controlli dell'anteprima non modificano le impostazioni dell'aspetto del bundle.
La tua immagine rimane nel browser. Non viene caricato nulla.
Liquid Glass e progettazione delle icone delle app
Apple descrive Liquid Glass e le icone adattabili delle app nella documentazione per sviluppatori e nelle Human Interface Guidelines. Segui le indicazioni per ottenere un'icona riconoscibile su piattaforme e aspetti diversi. https://developer.apple.com/documentation/technologyoverviews/liquid-glass e https://developer.apple.com/design/human-interface-guidelines/app-icons
Icon Composer e Xcode
Icon Composer supporta illustrazioni a livelli e regolazioni dei materiali. Apri e controlla il bundle .icon estratto prima di aggiungerlo al progetto Xcode. Questo generatore fornisce un livello in primo piano e un gradiente di sfondo automatico basato sul tuo colore. https://developer.apple.com/icon-composer/ e https://developer.apple.com/documentation/Xcode/creating-your-app-icon-using-icon-composer
Come usarlo
- Scegli una grafica in primo piano, preferibilmente un PNG trasparente o un SVG, quindi imposta il padding e il colore di sfondo.
- Confronta le schermate Home chiare e scure, le forme delle piattaforme e le apparenze approssimative con tinta o trasparenti.
- Scarica ed estrai lo ZIP .icon, apri il pacchetto in Icon Composer, controlla l'aspetto finale e aggiungilo al tuo progetto Xcode. Scarica un PNG appiattito per i target meno recenti.
Privacy e limitazioni
Le immagini vengono decodificate ed esportate nel browser. La tua grafica non viene caricata.
Strumenti correlati
Domande frequenti
Che cos'è Liquid Glass?
Liquid Glass è il linguaggio di design di Apple introdotto con iOS 26. Le icone delle app possono usare livelli e materiali che si adattano alle diverse modalità di visualizzazione. Questa pagina prepara un pacchetto iniziale; il sistema operativo ne renderizza l'aspetto finale.
Come uso il download in Xcode 26?
Estrai lo ZIP e apri il pacchetto AppIcon.icon in Icon Composer. Controlla e salva l'icona lì, poi aggiungi il pacchetto .icon al tuo progetto Xcode e selezionalo come icona dell'app. La guida di Apple a Icon Composer spiega come configurare il progetto.
Questo editor supporta la profondità a livelli?
Fornisce un unico livello in primo piano sopra il riempimento dello sfondo. Non consente di modificare più livelli, profondità, rifrazione, riflessi o ombre. Aggiungi i livelli e regola i materiali in Icon Composer.
Le anteprime mostrano l'aspetto finale su iOS?
No. Le forme quadrate arrotondate e circolari, così come gli effetti con tinta e trasparenti, sono anteprime approssimative. L'aspetto finale viene renderizzato da iOS. Il browser e il PNG appiattito usano un colore di sfondo uniforme; Icon Composer fornisce il gradiente automatico.
Strumento gratuito · nel browser esecuzioni · senza account