Gerador de favicon

Crie todos os ícones que um site precisa a partir de uma imagem ou de algumas letras: favicon.ico, tamanhos em PNG, o ícone Apple touch e os ícones Android, com o HTML pronto para colar.

Seus arquivos não saem do seu dispositivo. Tudo funciona no seu navegador.

Como funciona

  1. Escolha a origemUma imagem ou logo em SVG, ou de uma a três letras.
  2. Ajuste o visualCor de fundo, formato e margem; confira a prévia na aba.
  3. Baixe o pacoteDescompacte na raiz do seu site e cole o código HTML no head.

Tudo o que o navegador procura

Navegadores, celulares e buscadores procuram arquivos de ícone diferentes: favicon.ico para navegadores antigos e para o Windows, PNGs pequenos para as abas, um ícone Apple touch de 180 pixels para a tela de início do iPhone e ícones de 192 e 512 pixels para o Android e para apps web instalados. O gerador desenha cada tamanho separadamente, então a versão de 16 pixels fica nítida em vez de ser uma redução borrada da grande.

O ícone Apple recebe um fundo sólido porque o iOS preenche a transparência com preto. O pacote também traz o site.webmanifest e um arquivo de texto com as linhas de HTML.

Bons favicons são simples

Com 16 pixels os detalhes somem. Use um símbolo forte ou uma ou duas letras com bom contraste, pouca margem, e confira a prévia na aba clara e na escura.

Perguntas frequentes

Onde coloco os arquivos?

Na pasta raiz do seu site, junto do index.html, e depois cole o código HTML na seção head.

Posso usar um logo em SVG?

Sim. Arquivos SVG são desenhados com nitidez em todos os tamanhos.

Meus arquivos são enviados?

Não. Tudo é criado no seu navegador.