nicetool.dev logo

Generatore di Asset PWA - Crea Icone e Manifest dell'App

Genera icone PWA e manifest localmente nel tuo browser. Le tue immagini non lasciano mai il tuo dispositivo.

Carica immagine

Trascina e rilascia l'immagine qui o fai clic per selezionare il file

Supporta PNG/JPEG, minimo 512x512px

Configurazione Manifest

Anteprima Icone

192x192

192x192px

Android / Chrome

512x512

512x512px

Schermata Iniziale

180x180

180x180px

Schermata Home iOS

512x512

512x512px

Mascherabile (Adattabile)

Anteprima Manifesto

Link HTML per Head
💡 Tutta l'elaborazione avviene lato client per garantire privacy e velocità.
Cos'è il Generatore di Asset PWA?
Il Generatore di Asset PWA è uno strumento gratuito che ti aiuta a creare tutti gli asset necessari per le Progressive Web App (PWA) da una singola immagine sorgente. Lo strumento genera automaticamente favicon.ico, apple-touch-icon, icone in varie dimensioni (16x16, 32x32, 192x192, 512x512...) e un file manifest.json completo. Tutta l'elaborazione avviene lato client, garantendo velocità elevata e assoluta sicurezza per le tue immagini.
Dimensioni Standard Icone PWA
Lo strumento genera automaticamente icone secondo gli standard PWA e Apple, inclusi:
Favicon
favicon.ico (32x32) - Icona visualizzata nella scheda del browser
Mobile e Tablet
192x192, 384x384, 512x512 - Icone per Android e schermata home
Apple Touch Icon
180x180 - Icona per iOS quando aggiunta alla schermata home
Varie Dimensioni
16x16, 32x32, 48x48, 72x72, 96x96, 120x120, 144x144, 152x152, 167x167
Manifest.json - Il Cuore della PWA
Il file manifest.json è il file di configurazione più importante per le PWA, contente informazioni su:
  • •Nome App (name, short_name) - Visualizzato all'installazione
  • •Icone - Elenco di tutte le icone con dimensioni e scopi
  • •Colore tema - Colore principale per barra app e barra indirizzi
  • •URL avvio - URL di lancio all'apertura app da home screen
  • •Modalità visualizzazione - Modalità (standalone, fullscreen...)
Caratteristiche Principali
1
Caricamento Immagine HD
Supporta PNG/JPEG con dimensione minima 512x512px per la migliore qualità
2
Generazione Icone Multi-dimensione
Ridimensiona automaticamente e crea oltre 13 dimensioni di icone seguendo le linee guida PWA e Apple
3
Auto Manifest.json
Genera manifest.json standard con metadati completi e riferimenti alle icone
4
Favicon.ico
Crea favicon.ico standard per SEO e visualizzazione nelle schede del browser
5
Elaborazione Lato Client
Elaborazione 100% basata su browser, le immagini non vengono mai caricate sul server
6
Download ZIP
Compila tutti i file in un comodo file .zip
Applicazioni nel Mondo Reale
1
Sviluppo PWA
Genera rapidamente asset per progetti Progressive Web App, risparmiando ore di lavoro manuale
2
Branding Siti Web
Crea favicon e icone touch professionali per siti web, migliorando il riconoscimento del marchio
3
Landing App Mobile
Prepara asset per pagine web installabili che funzionano come app native su mobile
Benefici SEO e UX
✓
Favicon aumenta il CTR nelle SERP - Gli utenti riconoscono il tuo sito più facilmente
✓
PWA migliora Core Web Vitals - Miglior posizionamento su Google
✓
Apple Touch Icon - Esperienza nativa quando aggiunta alla Home Screen iOS
✓
manifest.json completo - Google indicizza e comprende meglio la tua app
Note Importanti
  • •L'immagine sorgente dovrebbe essere minimo 512x512px, raccomandato 1024x1024px
  • •Usa immagini con sfondo trasparente (PNG) per i migliori risultati
  • •Tutta l'elaborazione è locale, immagini mai caricate sul server
  • •Il file ZIP include: favicon.ico, icone (13 dimensioni), manifest.json
 Come usare: Generatore di Asset PWA
  1. 1
    Carica un logo quadrato PNG o JPEG di almeno 512 x 512 pixel. Una forma semplice con un po' di margine rende meglio alle dimensioni piccole.
  2. 2
    Compila i campi del manifest: nome dell'app, nome breve (sotto l'icona nella schermata home), descrizione, URL di avvio, colore del tema e colore di sfondo.
  3. 3
    Attiva la maschera circolare se vuoi icone rotonde, poi controlla le anteprime per Android, iOS, splash screen e icona maskable.
  4. 4
    Premi Generate & Download per ottenere uno ZIP con tutte le dimensioni e il manifest.json. Copia i tag link mostrati sotto nel <head> del sito.
 Esempi pratici
Rendere un sito installabile
Chrome ed Edge propongono "Installa app" solo se c'è un manifest valido con icone da 192 e 512 pixel. I file generati soddisfano questi requisiti.
Icone della schermata home su iOS
Safari ignora le icone del manifest e usa apple-touch-icon. Lo ZIP include un'icona 180 x 180 con il relativo tag link.
Icone maskable per Android
Android ritaglia le icone in cerchi o quadrati arrotondati a seconda del dispositivo. Un'icona maskable mantiene il logo nella zona sicura, così non viene mai tagliato.
Rebranding veloce
Quando cambia il logo, caricalo una volta e sostituisci tutto il set di icone invece di esportare a mano una dozzina di dimensioni.
 Domande frequenti
Cos'è un web app manifest?+
manifest.json è un piccolo file JSON che comunica al browser nome, icone, colori e URL di avvio della web app. È ciò che permette di installare e aprire un sito come un'app nativa.
Quali dimensioni di icona servono davvero?+
Per l'installabilità Chrome richiede almeno 192 x 192 e 512 x 512. iOS usa un apple-touch-icon da 180 x 180. Le dimensioni aggiuntive rendono l'icona più nitida su alcuni launcher e dispositivi datati.
Differenza tra theme_color e background_color?+
theme_color colora la barra del browser e il selettore delle app. background_color riempie lo splash screen durante il caricamento e dovrebbe corrispondere allo sfondo della prima schermata.
Le mie immagini vengono caricate?+
No. Ridimensionamento e creazione dello ZIP avvengono con la Canvas API nel browser, quindi i loghi non ancora pubblicati non lasciano il tuo dispositivo.