Guida al web app manifest
Un web app manifest (site.webmanifest) comunica ai browser installabili il nome dell'app, i colori e le dimensioni delle icone da usare sulla home screen. Abbinalo a icone PNG 192×192 e 512×512 per un setup PWA favicon completo.
Collega il manifest con <link rel="manifest" href="/site.webmanifest">. All'interno del JSON, l'array icons deve contenere almeno le voci 192×192 e 512×512 con type image/png e purpose any (aggiungi varianti maskable per le icone adattive Android, se necessario).
Imposta theme_color e background_color in linea con il tuo brand — controllano la barra del browser e la splash screen durante l'installazione.
Come funziona
- 1
Genera le icone PNG
192 e 512 dal nostro pacchetto generatore favicon.
- 2
Crea site.webmanifest
Includi name, short_name, icons, theme_color, display.
- 3
Collegalo nell'HTML
<link rel="manifest" href="/site.webmanifest"> più il meta theme-color.
Provalo ora
Genera il pacchetto icone PWA
Generatore di FaviconFAQ
Un manifest è obbligatorio per un sito base?+
No — serve solo se vuoi il prompt "Aggiungi alla home" o una barra di navigazione più integrata su Android. Per le sole schede basta favicon.ico.
Quali dimensioni icona vanno nel manifest?+
192×192 e 512×512 sono necessarie per il prompt di installazione. Aggiungi 384 o icone maskable per un risultato più curato.
Posso usare SVG nel manifest?+
Chromium lo supporta in alcuni casi, ma PNG resta la scelta sicura per le UI di installazione cross-browser.
Strumenti correlati
Generatore di Favicon
Genera un pacchetto completo di favicon (ICO + PNG) per ogni dispositivo e browser.
Convertitore PNG in ICO
Convertitore online gratuito da PNG a ICO per icone Windows, icone app e favicon per siti web.
Ridimensiona Immagini
Ridimensiona PNG, JPG e WebP alle dimensioni esatte desiderate.