Geradores/Design
Design
Pro

Pacote de favicons.

Uma imagem entra, oito tamanhos saem, prontos para usar. Inclui PWA manifest e snippet HTML para colar direto no <head>. Tudo processado localmente no seu navegador — sua imagem nunca sai daqui.

Suba sua imagem

PNG, JPG, SVG ou WebP. Ideal: imagem quadrada com pelo menos 512×512px.

Publicidade

Por que 8 tamanhos?

Cada navegador e plataforma quer um tamanho diferente: 16×16 e 32×32 para abas de browser, 48×48 e 64×64 para Windows e Mac, 180×180 para iOS (Apple touch icon), 192×192 e 512×512 para Android e PWAs (Progressive Web Apps). Faltar qualquer um pode quebrar a experiência em alguma plataforma.

Como instalar no seu site

  1. Extraia o ZIP na pasta /public (ou raiz) do seu projeto.
  2. Cole o snippet do README.txt no <head> do HTML.
  3. Edite o site.webmanifest com o nome e cores da sua marca.
  4. Faça deploy. Pronto.

Dica de imagem

Mande uma imagem quadrada de 512×512 ou maior. Se a sua imagem tem detalhes finos, eles desaparecem em 16×16 — para esse tamanho, considere uma versão simplificada (mono-letra, marca sem texto).

Continue explorando