Favicon Tool - Guia

A ferramenta Favicon Tool transforma uma imagem, inclusive gerada por IA, em todos os arquivos de favicon que o seu site precisa.

Formas de gerar

Há duas formas:

1. Fluxo de upload: Enviar uma imagem própria e gerar favicons
2. Fluxo de IA: Gerar uma imagem por prompt ou URL e criar favicons a partir dela

Pré-requisitos

De preferência, use uma imagem quadrada com um motivo claramente reconhecível. A partir de 512×512 pixels já fica utilizável; mais não atrapalha.

Opção A: Fluxo de upload

1. Abra o Favicon Tool
2. Em Enviar imagem, escolha seu logo
3. Clique em Gerar favicons
4. Em seguida, baixe o ZIP ou arquivos individuais

Opção B: Fluxo de IA

1. Abra a seção Criação de imagens por IA à direita na ferramenta
2. Insira um prompt ou uma URL de rastreamento
3. Clique em Criar imagem com IA
4. Verifique a prévia e clique em Usar imagem
5. A SEOFuxx cria os favicons a partir disso

Arquivos gerados no momento

• favicon.ico
• favicon-16x16.png
• favicon-32x32.png
• favicon-48x48.png
• apple-touch-icon.png
• android-icon-192x192.png
• android-icon-256x256.png
• android-icon-512x512.png
• badge-72x72.png
• maskable_icon.png
• push-192x192.png

Inclusão no HTML

Essas tags devem ir, no mínimo, dentro de <head>:

<link rel="icon" href="/favicon.ico" sizes="any" />
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" />

Verificar após a inclusão

Esvazie o cache do navegador, recarregue a página e veja o ícone da aba. No smartphone, dê uma olhada também na exibição móvel.

Problemas comuns

O favicon não é atualizado

• Faça um hard reload (Strg+F5)
• Teste também em uma janela anônima
• Esvazie o cache do CDN ou do servidor, caso você use um

A imagem de IA não está adequada

• Deixe o prompt mais preciso
• Tente outra URL de rastreamento
• Gere uma nova imagem por IA e use essa no lugar