Pular para o conteúdo
FileTinker

Gerador de Favicon

Transforme uma única imagem em todos os ícones de que seu site precisa: um favicon.ico multitamanho, favicons PNG, o ícone Apple touch, ícones Android/Chrome e um web manifest — tudo compactado em um único download, com o código HTML pronto para colar. Tudo funciona no seu navegador, então sua arte nunca é enviada.

Como gerar um favicon

  1. Adicione seu logotipo ou arte acima — um PNG ou SVG quadrado funciona melhor.
  2. Escolha como imagens não quadradas serão ajustadas ao quadrado e defina uma cor de fundo; depois confira as pré-visualizações de 16, 32 e 48 pixels.
  3. Baixe o ZIP, coloque os arquivos na pasta raiz do seu site e cole o código HTML no seu <head>.

Sobre favicons

O favicon é o pequeno ícone que os navegadores mostram em abas, favoritos, histórico e resultados de busca. Sites modernos precisam dele em vários tamanhos e formatos: um .ico clássico para abas e navegadores antigos, PNGs para telas de alta densidade, um ícone Apple touch de 180×180 para a tela de início do iOS e ícones de 192/512 pixels referenciados pelo web manifest para Android e instalações de PWA.

Este gerador grava o .ico como um verdadeiro ícone multitamanho (16, 32 e 48 pixels em um único arquivo, armazenados como entradas BMP clássicas para máxima compatibilidade) e reduz sua imagem em etapas que preservam a qualidade, para que ela continue nítida mesmo com 16 pixels. O site.webmanifest e o código HTML incluídos seguem os nomes de arquivo que todo navegador e rastreador esperam.

Perguntas frequentes

Quais arquivos o pacote contém?

favicon.ico com os tamanhos de 16, 32 e 48 pixels dentro, favicon-16x16.png e favicon-32x32.png, apple-touch-icon.png (180×180), ícones android-chrome em 192×192 e 512×512 e um site.webmanifest — além de um código HTML pronto para copiar e colar que referencia todos eles.

Com qual imagem devo começar?

Uma imagem quadrada de pelo menos 512×512 pixels dá os melhores resultados. Se a sua não for quadrada, você pode cortá-la em um quadrado ou ajustá-la com margens — as pré-visualizações ao vivo mostram exatamente como ela ficará em 16, 32 e 48 pixels.

Por que o ícone Apple touch não é transparente?

O iOS exibe regiões transparentes como preto, então o ícone Apple touch é achatado sobre a cor de fundo que você escolher. Todos os outros ícones mantêm a transparência da sua imagem.

Minha imagem é enviada para algum lugar?

Não. Os ícones são redimensionados, empacotados no contêiner .ico e compactados em ZIP totalmente no seu navegador; sua imagem nunca sai do seu dispositivo.