Favicon

ImplementaçãoCopiar link da âncora

1. Rode:

   Copiar texto

   kasy favicon --image caminho/para/seu-favicon.png

   Recomendado: PNG quadrado ≥512×512. Prefira um símbolo simples (sem texto longo); em 16×16 texto vira mancha.

   O comando copia para assets/branding/favicon.png, regenera web/favicon.png e os ícones PWA em web/icons/, e já arredonda os cantos automaticamente (22% do lado menor). Para ajustar ou desativar o arredondamento:

   Copiar texto

   kasy favicon --image caminho/para/seu-favicon.png --radius 22

   --radius 0 desativa e mantém os cantos retos (útil se a imagem já vier arredondada, ou for um círculo/monograma que não deve ganhar máscara extra). Aceita qualquer valor entre 0 e 50.

   Alternativa manual:

   1. Substitua assets/branding/favicon.png
   2. dart run flutter_launcher_icons
   3. Hard refresh no browser

2. Force o navegador a limpar o cache pra ver o resultado:

   • Mac: Cmd + Shift + R
   • Windows: Ctrl + Shift + R

   O favicon antigo pode persistir por horas em cache normal.

InformaçõesCopiar link da âncora

Cantos arredondadosCopiar link da âncora

Diferente do ícone do app (iOS/Android aplicam a própria máscara de recorte na hora de exibir), o navegador e a instalação como PWA desenham o PNG do favicon pixel a pixel, sem arredondar nada. Por isso o comando já arredonda os cantos antes de gerar os tamanhos: sem isso o favicon fica quadrado e destoa das outras abas.

PWACopiar link da âncora

O ícone da PWA (quando o usuário adiciona o site à Home) também é gerado pelo comando. Cores de fundo: web/manifest.json (background_color, theme_color).

Atualizado em 03/11/2026