Icone app iOS e Android: immagini, maschere e file da esportare

Un’icona iOS e un’icona del launcher Android possono condividere lo stesso simbolo, ma richiedono risorse tecniche diverse. iOS può ricavare varianti da un’immagine ad alta risoluzione nel catalogo. Le icone adattive Android separano primo piano e sfondo, così il launcher può applicare maschere ed effetti.

Questa guida confronta le responsabilità delle due piattaforme. Consulta la guida alle dimensioni delle icone quando ti servono misure specifiche durante l’esportazione.

Parti da un disegno riconoscibile anche in piccolo

Conserva una copia originale pulita prima di applicare trattamenti specifici. L’identità comune può essere un simbolo principale o un monogramma breve, con contrasto sufficiente e spazio intorno al motivo. I dettagli che spariscono nella schermata iniziale non aiutano a riconoscere l’app.

Osserva il disegno sullo sfondo previsto e in una vista ridotta. Un’immagine convincente a 1024 pixel può risultare confusa nel launcher. Risolvi prima forma e gerarchia; prepara poi le risorse richieste da ciascun sistema.

iOS usa un catalogo e applica la forma esterna

Apple documenta un flusso con una singola immagine da 1024 × 1024 per le variazioni delle icone iOS e iPadOS. Xcode la conserva in un catalogo di risorse, di solito in un insieme chiamato AppIcon. Il sistema gestisce la presentazione esterna: non incorporare angoli arrotondati nell’immagine di origine.

L’esportazione iOS attuale di AppIconGenerator produce questa struttura, coperta da test locali:

iOS/
├── AppIcon.appiconset/
│   ├── AppIcon-1024.png
│   └── Contents.json
├── AdditionalSizes/
│   └── ...optional PNG sizes
└── README.txt

Contents.json dichiara l’immagine da 1024 come risorsa iOS universale. I PNG aggiuntivi rimangono in una cartella separata per i progetti che ne hanno bisogno; non sostituiscono quella voce del catalogo.

Questa esportazione non crea aspetti scuri o colorati. Apple offre anche flussi più recenti con Icon Composer. Verifica il target e la versione di Xcode prima di considerare la cartella pronta per una presentazione all’App Store.

Il generatore di icone iOS permette di confrontare la maschera e creare la cartella locale.

Android mantiene separati primo piano e sfondo

Le indicazioni Android collocano i livelli adattivi su una superficie da 108 × 108 dp. L’area sicura centrale da 66 × 66 dp resta visibile sotto le maschere supportate. La parte esterna lascia spazio a ritagli e movimenti del launcher.

Prepara, quando possibile, un simbolo trasparente in primo piano e uno sfondo che riempia il proprio livello. Mantieni lettere e dettagli essenziali dentro l’area sicura. Confronta più maschere: un motivo corretto nel quadrato arrotondato può perdere una parte nel cerchio.

L’esportazione adattiva attuale include PNG per densità, immagini tradizionali e riferimenti XML per Android 8.0 e versioni successive:

Android/
├── res/
│   ├── mipmap-mdpi/
│   ├── mipmap-hdpi/
│   ├── mipmap-xhdpi/
│   ├── mipmap-xxhdpi/
│   ├── mipmap-xxxhdpi/
│   └── mipmap-anydpi-v26/
│       ├── ic_launcher.xml
│       └── ic_launcher_round.xml
├── play_store_512.png
└── README.txt

Ogni cartella di densità contiene ic_launcher.png e ic_launcher_round.png. Il modo adattivo aggiunge ic_launcher_foreground.png e ic_launcher_background.png, a cui puntano gli XML.

Nel creatore di icone Android, verifica maschere, scala del primo piano e area sicura prima di scaricare il pacchetto.

L’immagine Google Play non è una risorsa del launcher

La scheda dello store e il launcher hanno scopi diversi. Google Play specifica attualmente un PNG da 512 × 512, a 32 bit, in sRGB, con un massimo di 1024 KB. Lo store applica maschera e ombra: fornisci quindi un quadrato completo, senza ritaglio esterno o ombra aggiunti.

Il file esportato si trova in Android/play_store_512.png. Non sostituisce le risorse di Android/res/. Un download corretto nel browser non dimostra nemmeno l’accettazione da parte di Play Console.

Quali decisioni possono rimanere comuni?

Definisci un simbolo comune e prepara poi le varianti tecniche. App Icon Maker riunisce le viste e le esportazioni per confrontarle.

Controlli prima di esportare

1. Guarda il simbolo alla dimensione della schermata iniziale.
2. Lascia al sistema gli angoli esterni di iOS.
3. Mantieni il motivo Android dentro l’area sicura adattiva.
4. Verifica separatamente l’immagine Google Play.
5. Controlla nomi e riferimenti prima di sostituire le risorse del progetto.
6. Compila e prova l’app in un simulatore o su un dispositivo.

Esempio installato nel simulatore

Il 2 ottobre 2026 l’icona esportata è stata installata in un simulatore iPhone 17 isolato con iOS 26.5. L’app si è avviata e l’icona XY è apparsa nella schermata iniziale. Ciò verifica quel progetto e ambiente, non un dispositivo fisico o l’approvazione App Store.

Il 2 ottobre 2026 le risorse sono state installate in un simulatore Android API 36 isolato. L’app si è avviata e l’icona XY è apparsa nell’elenco delle app. La verifica riguarda quel launcher e quella build; altre maschere e dispositivi richiedono controlli separati.

Domande frequenti

Posso usare la stessa immagine per iOS e Android?

Il disegno può essere comune. Conserva una versione quadrata opaca per iOS e un primo piano trasparente con sfondo separato per Android adattivo. Esporta ciascuno nella struttura della piattaforma.

Devo arrotondare gli angoli nel disegno?

No. I sistemi e Google Play applicano le proprie maschere. Un ritaglio già incorporato può creare angoli doppi o margini inattesi.

L’immagine Google Play può diventare il primo piano adattivo?

In genere no. È un’immagine quadrata completa per lo store. Il primo piano adattivo richiede motivo, trasparenza e spazio di sicurezza, con lo sfondo fornito a parte.

Fonti consultate

• Apple: configurare l’icona con un catalogo di risorse
• Apple: creare l’icona con Icon Composer
• Android Developers: icone adattive
• Android Developers: specifiche delle icone Google Play

Consultazione: 20 settembre 2026. Struttura locale: src/lib/icon-forge/zip.ts, verificata da src/lib/icon-forge/zip.test.ts.