Sobre esta ferramenta
O Gerador de Web App Manifest cria um manifest.json válido para um Progressive Web App a partir de um formulário simples, depois entrega as tags HTML complementares para colar no <head> da sua página. Tudo é montado no seu navegador e nada é enviado — você pode copiar o JSON, baixá-lo como manifest.json, ou copiar as tags link e meta.
Um web app manifest é o arquivo JSON que permite que um site seja instalado na tela inicial e iniciado como um app nativo. Esta ferramenta monta as chaves padrão — name, short_name, description, start_url, scope, display (standalone, fullscreen, minimal-ui ou browser), orientation, theme_color, background_color e um array icons — descartando qualquer campo que você deixar em branco para que a saída fique limpa. Cada tamanho de ícone que você marca vira uma entrada com seu src, sizes e type (derivado da extensão do arquivo), e o purpose opcional permite marcar ícones como maskable. O resultado é serializado com JSON.stringify com indentação de dois espaços, então é legível e compatível com os padrões.
Use o placeholder {size} no caminho do ícone (por exemplo /icons/icon-{size}.png) e ele é substituído por cada dimensão, como 192x192 e 512x512. No mínimo, um manifest deve incluir um name, um start_url, um modo display e ao menos um ícone de 192px e um de 512px, que são os padrões aqui. Referencie-o na sua página com a tag <link rel="manifest"> gerada e adicione a meta theme-color para a UI do navegador.