Gerador de manifest.json (PWA)
Preencha os dados do site e copie o JSON e as tags do head. Os ícones são os mesmos do favicon, em 192 e 512 px.
Manifesto para instalar o site no celular
Tudo é feito no seu aparelho: nada é enviado para a internet.
Arquivo de manifesto
Tags para o <head>
Gerador de manifest.json (PWA): para que serve
O manifesto do aplicativo web é o arquivo que permite adicionar o site à tela inicial do celular com nome, ícone e cores certos, e abrir sem a barra do navegador.
Preencha o nome, o nome curto, a descrição, as cores e o modo de exibição e copie o JSON com os ícones de 192 e 512 px exigidos pelo Chrome para oferecer a instalação, mais o ícone maskable opcional para o Android. Vem junto a tag link rel=manifest, a theme-color e o apple-touch-icon para o iPhone.
Como usar
- Preencha o nome, a descrição e as cores.
- Escolha o modo de exibição e a pasta dos ícones.
- Baixe o manifesto e cole as tags no head.
Quando usar
- Permitir instalar o site no celular.
- Começar um PWA.
- Corrigir o ícone do atalho na tela inicial.
Perguntas frequentes
Para que serve o manifesto?
É o arquivo que diz ao navegador o nome, as cores, o ícone e como o site abre quando é adicionado à tela inicial. Com ele, o atalho no celular fica com o ícone certo e pode abrir sem a barra do navegador, como um aplicativo.
Quais ícones são obrigatórios?
Para o Chrome oferecer a instalação, o manifesto precisa de ícones de 192 e 512 px, além de name ou short_name, start_url e display. Um ícone com purpose maskable evita que o Android coloque o seu logo pequeno dentro de um círculo branco.
Só o manifesto já transforma o site num app?
Ele já permite adicionar à tela inicial com nome e ícone. Para funcionar sem internet é preciso também um service worker, que guarda os arquivos no aparelho; isso é um passo à parte.
É grátis mesmo?
Sim, 100% grátis. Sem cadastro, sem assinatura e sem limite de uso. Todas as ferramentas do Ferramentas123 são gratuitas e rodam direto no seu navegador.