Guia do web app manifest
O web app manifest (site.webmanifest) informa aos navegadores instaláveis o nome do app, cores e quais tamanhos de ícone usar na tela inicial. Combine-o com PNGs de 192×192 e 512×512 para um setup de PWA completo.
Vincule o manifest com <link rel="manifest" href="/site.webmanifest">. No JSON, o array icons deve conter pelo menos entradas de 192×192 e 512×512 com type image/png e purpose any (adicione variantes maskable para adaptive icons do Android se necessário).
Defina theme_color e background_color para combinar com sua marca — eles controlam a barra do navegador e a splash screen durante a instalação.
Como funciona
- 1
Gere os PNGs de ícone
192 e 512 a partir do nosso gerador de favicon.
- 2
Crie o site.webmanifest
Inclua name, short_name, icons, theme_color e display.
- 3
Vincule no HTML
<link rel="manifest" href="/site.webmanifest"> mais <meta name="theme-color">.
Experimente agora
Gere o pacote de ícones PWA
Gerador de FaviconPerguntas frequentes
O manifest é obrigatório para um site simples?+
Não — apenas se você quiser a opção "Adicionar à tela inicial" ou um visual mais rico no Android. Favicon.ico basta para abas.
Quais tamanhos de ícone vão no manifest?+
192×192 e 512×512 são obrigatórios para o prompt de instalação. Adicione 384 ou ícones maskable para um acabamento melhor.
Posso usar SVG no manifest?+
O Chromium suporta SVG em alguns cenários, mas PNG é o padrão seguro para interfaces de instalação cross-browser.
Ferramentas relacionadas
Gerador de Favicon
Gere um pacote completo de favicon (ICO + PNGs) para cada dispositivo e navegador.
Conversor de PNG para ICO
Conversor online gratuito de PNG para ICO para ícones do Windows, aplicativos e favicons de sites.
Redimensionar Imagem
Redimensione imagens PNG, JPG e WebP para dimensões exatas.