Dicas Gerais

Como adicionar e testar o favicon do seu site

Configure o ícone no WordPress ou HTML e confira arquivo, referências, cache e apresentação. Confira os cuidados essenciais.

Revisão técnica: 08/09/2026. Texto atualizado; a data original de publicação foi preservada.

O favicon identifica o site em abas e favoritos. Use um símbolo simples, legível em tamanho pequeno, e confira o contraste em fundos claros e escuros. Uma redução do logotipo completo nem sempre produz um ícone reconhecível.

Configure o ícone no WordPress

Procure a opção Ícone do site na administração. A localização varia conforme a versão e o tema; versões recentes permitem configurá-lo nos ajustes gerais. Use uma imagem quadrada com pelo menos 512 por 512 pixels e confira a prévia antes de salvar.

Prefira esse recurso nativo a inserir tags em vários arquivos do tema. Ele permite que o WordPress gere as representações utilizadas pela instalação. A troca do ícone não exige modificar o núcleo.

Declare o ícone em um site HTML

Em um site sob seu controle, uma declaração para um arquivo PNG de 32 por 32 pixels pode ficar dentro de head:

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">

O arquivo precisa existir nesse caminho e ter as dimensões declaradas. Use a URL correspondente ao local real do site; a barra inicial aponta para a raiz do domínio. Outros formatos e tamanhos podem ser necessários conforme os contextos atendidos. Não prometa compatibilidade universal com uma única declaração.

Confira a resposta e o cache

Abra o arquivo diretamente para confirmar que a imagem está acessível. Depois inspecione o HTML da página para identificar declarações duplicadas ou uma referência antiga adicionada por tema ou plugin.

O navegador pode manter uma cópia do ícone. Compare uma nova sessão e confira os cabeçalhos antes de repetir a troca. Se usar nomes versionados para atualizar o arquivo, mantenha as referências consistentes; veja como planejar o cache de recursos.

Teste a apresentação

Confira abas, favoritos e dispositivos usados pelo público. Verifique se o símbolo continua reconhecível em tamanho reduzido. O favicon contribui para identificação visual, mas não substitui título, conteúdo ou navegação clara.

Referências: ícone do site no WordPress e declaração de ícones em HTML.