Quali icone servono a un sito o a un’app?
Ogni piattaforma chiede la sua icona nella sua dimensione. Un sito ha bisogno di favicon.ico, PNG da 16 e 32 px e un apple-touch-icon da 180 px per la schermata Home dell’iPhone. Una PWA ha bisogno di icone da 192 e 512 px, di un’icona «maskable» e di un manifest. Un’app iOS richiede un’icona da 1024 px senza trasparenza e un’app Android le icone di avvio in cinque densità.
Questo generatore crea tutto da una sola immagine, meglio un SVG o un PNG quadrato di almeno 512 px. Scegli i pacchetti, il nome dell’app, il colore di sfondo e il margine e scarichi uno ZIP ordinato: file web nella radice, AppIcon.appiconset pronto per Xcode e cartelle mipmap pronte per Android Studio.
Le icone che non possono essere trasparenti (Apple, iOS, maskable, Google Play) usano il colore di sfondo scelto. Lo strumento ti dà anche il codice HTML per il <head>. Tutto avviene nel browser. Con ToolStudio Pro generi le icone di più loghi insieme.
Come generare le icone della tua app
- Trascina il logo (SVG o PNG quadrato) nello strumento.
- Scegli le icone: favicon, PWA, iOS e Android.
- Scrivi il nome dell’app, scegli il colore di sfondo e il margine.
- Fai clic su «Genera icone» e scarica lo ZIP.
- Carica i file web nella radice del sito e incolla il codice nel <head>.
Quando usare questo strumento
- Aggiungere favicon e icona iPhone a un nuovo sito.
- Rendere un sito installabile come PWA con manifest e icone.
- Preparare l’icona di un’app iOS per Xcode.
- Generare le icone di avvio Android in tutte le densità.
Cosa contiene lo ZIP
- Web: favicon.ico, favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, apple-touch-icon.png e favicon.svg se carichi un SVG.
- PWA: android-chrome-192x192.png, android-chrome-512x512.png, maskable-icon-512x512.png e site.webmanifest.
- iOS: ios/AppIcon.appiconset con l’icona da 1024 px e Contents.json (Xcode 14 o successivo).
- Android: da mipmap-mdpi a mipmap-xxxhdpi con ic_launcher e ic_launcher_round, più l’icona da 512 px per Google Play.
- head-snippet.html con i tag <link> e <meta>.
Formati
- Ingresso: SVG, PNG, JPG, WebP, GIF, BMP, AVIF o ICO.
- Uscita: uno ZIP con PNG, ICO, manifest JSON e codice HTML.
Domande Frequenti
Il mio logo viene caricato su un server?
No. Tutte le icone vengono generate nel browser.
Che dimensione deve avere l’immagine?
Meglio un SVG o un PNG quadrato di almeno 512 px, o 1024 px per l’icona iOS.
Perché alcune icone hanno uno sfondo?
Apple riempie di nero la trasparenza dell’apple-touch-icon, l’App Store rifiuta icone iOS trasparenti e le icone maskable devono riempire il quadrato. Per questo usano il tuo colore di sfondo.
Cos’è un’icona maskable?
Un’icona PWA che Android può ritagliare a cerchio o altre forme. Lo strumento lascia un margine di sicurezza per non tagliare il logo.
Posso generare le icone di più loghi?
Sì, con ToolStudio Pro: ogni logo ha la sua cartella nello ZIP. La prova gratuita è di un logo.
È gratis?
Prova gratuita con un logo. Per un uso illimitato e in blocco, ToolStudio Pro costa 1,99 € al mese.