Come usare Generatore di icone per app
- 1
Aggiungi la tua grafica
Trascina un file PNG, JPG, WebP o SVG quadrato, meglio se di 1024 × 1024 pixel o più; va bene anche un logo con sfondo trasparente.
- 2
Scegli le piattaforme
Lascia attive iOS, Android e Web e PWA, oppure deseleziona quelle che non ti servono, e scegli tra il set completo di dimensioni per Xcode o una sola icona da 1024 px.
- 3
Regola l'aspetto
Imposta il margine interno, il colore di sfondo e le dimensioni della grafica nelle icone adattive e maskable, controllando le guide della zona sicura e le forme dei launcher.
- 4
Scarica lo ZIP
Fai clic su Scarica ZIP e copia ogni cartella nel tuo progetto; il README incluso indica dove va ogni file.
Limiti e Pro
Gratis e senza filigrana: un'immagine di origine fino a 50 MB alla volta, fino a 44 icone PNG per ZIP (39 di default, 5 in più con il livello icona a tema), download illimitati.
Informazioni su Generatore di icone per app
Il generatore di icone per app trasforma una sola immagine nel set completo di icone di cui hanno bisogno un'app mobile o una progressive web app, con file e cartelle nominati come si aspettano Xcode, Android Studio e i browser. Con tutte le piattaforme selezionate lo ZIP contiene 39 file PNG: 15 per l'asset catalog di iPhone e iPad, compresa l'icona App Store da 1024 px, 15 immagini launcher Android nelle densità da mdpi a xxxhdpi, l'icona Google Play da 512 px e 8 icone web, che comprendono le dimensioni del manifest da 192 e 512 px, le versioni maskable, l'apple-touch-icon da 180 px e le favicon da 16, 32 e 48 px.
Oltre alle immagini trovi un Contents.json per AppIcon.appiconset, l'XML mipmap-anydpi-v26 per le icone adattive di Android 8 con una risorsa colore per lo sfondo, un favicon.ico con tre dimensioni, un blocco icons per manifest.webmanifest e i tag link HTML. I file iOS vengono scritti senza canale alfa, perché Xcode rifiuta le icone App Store che lo contengono, e ogni dimensione deriva da un master da 1024 px ridotto per passaggi successivi dimezzando, così le icone piccole restano nitide.
Lo strumento non disegna l'icona al posto tuo e non rimuove lo sfondo; per il livello di sfondo adattivo usa un colore pieno invece di una seconda immagine. Le anteprime Squircle, Goccia e cerchio imitano i launcher più diffusi; ogni produttore di telefoni disegna la propria maschera, quindi controlla il risultato su un dispositivo reale.
Privacy
La tua grafica viene decodificata, ridimensionata e inserita nello ZIP da questa scheda del browser, usando un canvas e un Web Worker locale: l'immagine non lascia mai il tuo dispositivo e nulla viene caricato o conservato.
Funzionalità
Asset catalog per Xcode
AppIcon.appiconset con Contents.json, tutte le dimensioni per iPhone e iPad, PNG senza canale alfa.
Icone adattive Android
Livelli di primo piano, risorsa colore per lo sfondo, icone rotonde, livello a tema e l'icona Play Store da 512.
PWA e favicon
Icone del manifest, versioni maskable, apple-touch-icon, favicon.ico e tag HTML pronti.