Gerador de web app: manifesto e ícones
Transforme o site em app instalável no celular e no computador: manifesto, ícones (com o maskable do Android e o do iPhone) e as linhas do <head>, num .zip.
O que é um web app instalável?
É o seu site com cara de aplicativo: ganha ícone na tela inicial, abre em tela cheia, sem a barra do navegador, e aparece na lista de apps do celular e do computador. Não passa por loja nem precisa de código novo: bastam um arquivo de configuração (o manifesto), os ícones e algumas linhas no <head> das páginas. O site precisa estar em HTTPS.
O manifesto
O manifest.webmanifest é um arquivo JSON que diz ao navegador o nome do app, o nome curto (o que cabe embaixo do ícone), a página inicial, as cores da barra e da tela de abertura e onde estão os ícones. Ele fica na raiz do site e é ligado por uma linha no <head>.
Os ícones (e o tal do maskable)
O Chrome pede ícones de 192 e 512 pixels. O Android recorta o ícone no formato do celular (círculo, gota, quadrado arredondado): o ícone "maskable" tem fundo até a borda e o desenho dentro do círculo central de 80%, para nada ser cortado. O iPhone usa outro, o apple-touch-icon, e não aceita transparência.
Android, iPhone e computador: o que muda
No Android e no computador (Chrome e Edge), o app é instalado pelo menu do navegador ("Instalar app" ou "Adicionar à tela inicial"). O convite automático para instalar só aparece se o site tiver um service worker, o programinha que funciona sem internet; sem ele, a instalação pelo menu continua funcionando. No iPhone não há convite: a pessoa toca em Compartilhar e em "Adicionar à Tela de Início", e o ícone vem do apple-touch-icon.
Como vai ficar
O que reparar
manifest.webmanifestLinhas para o <head>Ao usar as ferramentas, você concorda com os termos de uso.