UTILS.
100% nel browser
📱

Generatore di Web App Manifest (PWA)

Genera un web app manifest PWA valido (manifest.json) con icone, colori del tema e modalità di visualizzazione, più il tag link rel=manifest pronto da incollare.

— l'output appare qui —
— l'output appare qui —

Informazioni su questo strumento

Il Generatore di Web App Manifest crea un manifest.json valido per una Progressive Web App da un semplice modulo, poi ti fornisce i tag HTML complementari da inserire nell'<head> della tua pagina. Tutto è assemblato nel tuo browser e nulla viene caricato — puoi copiare il JSON, scaricarlo come manifest.json, o copiare i tag link e meta.

Un web app manifest è il file JSON che permette a un sito di essere installato sulla schermata home e avviato come un'app nativa. Questo strumento assembla le chiavi standard — name, short_name, description, start_url, scope, display (standalone, fullscreen, minimal-ui o browser), orientation, theme_color, background_color e un array icons — eliminando qualsiasi campo lasciato vuoto così l'output resta pulito. Ogni dimensione di icona che selezioni diventa una voce con src, sizes e type (derivato dall'estensione del file), e il purpose opzionale ti permette di contrassegnare le icone come maskable. Il risultato è serializzato con JSON.stringify con indentazione di due spazi, così è leggibile e conforme agli standard.

Usa il segnaposto {size} nel percorso dell'icona (per esempio /icons/icon-{size}.png) e viene sostituito con ogni dimensione come 192x192 e 512x512. Come minimo un manifest dovrebbe includere un name, uno start_url, una modalità display e almeno un'icona da 192px e una da 512px, che sono i valori predefiniti qui. Richiamalo dalla tua pagina con il tag <link rel="manifest"> generato e aggiungi il meta theme-color per l'interfaccia del browser.

Domande frequenti

Cos'è un web app manifest?
È un file JSON che descrive la tua Progressive Web App — il nome, le icone, i colori e come dovrebbe avviarsi — così i browser possono proporre di installarla sulla schermata home e aprirla in una finestra simile a un'app.
Quali campi sono obbligatori?
Un manifest utile richiede almeno name (o short_name), uno start_url, una modalità display e icone da 192x192 e 512x512. Questo generatore li compila per impostazione predefinita; gli altri campi sono facoltativi e omessi se lasciati vuoti.
Cosa significa 'maskable' per le icone?
Le icone maskable hanno una spaziatura di sicurezza così le piattaforme possono ritagliarle in cerchi, squircle o quadrati arrotondati senza tagliare il tuo logo. Imposta il purpose su 'maskable' o 'any maskable' per icone progettate con quella zona di sicurezza.
Come installo il manifest sul mio sito?
Salva il JSON come manifest.json, caricalo sul tuo sito, poi aggiungi il <link rel="manifest" href="/manifest.json"> generato e i meta tag theme-color all'<head> di ogni pagina.

Altri strumenti