Como resolver o favicon que não atualiza mesmo após trocar o arquivo
Olá, querido(a) cliente! 😊
Se você já trocou o arquivo do favicon (aquele pequeno ícone ao lado do título no navegador) e ainda assim ele não aparece atualizado, não se preocupe — isso é mais comum do que parece, e tem solução simples. Vamos juntos, passo a passo, resolver isso com calma e certeza.
📌 Por que o favicon não muda?
Quando você visita um site, o navegador armazena uma cópia do favicon para carregar mais rápido. Isso é chamado de cache. Mesmo que você atualize o arquivo no servidor, o navegador pode estar mostrando a versão antiga que está guardada.
Dica Sensei: O favicon é como um cartão de visita do seu site. Se ele não atualiza, pode parecer que o site está desatualizado — mesmo que esteja tudo certo!
✅ Passo a passo para resolver
-
Verifique se o arquivo está no lugar certo: O favicon deve estar na pasta principal do seu site, geralmente dentro de
public_html.
-
Nomeie corretamente o arquivo: O nome do favicon deve ser
favicon.ico(em minúsculas, com extensão.ico). Se você usou outro nome (comoicon.png), o navegador não o reconhecerá automaticamente.Se estiver usando um arquivo em formato PNG, você pode criar um
favicon.icocom ferramentas online (como favicon.io) ou usar o conversor integrado no cPanel. -
Substitua o arquivo antigo: Faça o upload do novo
favicon.icona pastapublic_html, substituindo o antigo.Se o arquivo já existir, clique com o botão direito sobre ele e selecione “Substituir” ou “Substituir Arquivo”.
-
Limpe o cache do navegador: Aqui está o segredo! O navegador está mostrando a versão antiga porque está armazenada.
- Google Chrome: Clique nos três pontos > Configurações > Privacidade e segurança > Limpar dados de navegação > Marque “Imagens e arquivos armazenados em cache” > Clique em Limpar dados.
- Mozilla Firefox: Clique no menu > Configurações > Privacidade e Segurança > Limpar dados de navegação > Marque “Cache” > Limpar.
- Safari: Vá em Preferências > Avançado > Marque “Mostrar menu Desenvolvedor” > Depois, em Desenvolvedor > Limpar cache.
-
Forçar recarregamento do site: Após limpar o cache, abra seu site novamente, mas pressione Ctrl + F5 (ou Cmd + Shift + R no Mac) para forçar o navegador a recarregar todos os arquivos do site, incluindo o favicon.
-
Verifique em outro navegador ou dispositivo: Às vezes, o problema persiste em um navegador, mas não em outro. Teste em outro navegador (como Firefox ou Edge) ou em um celular para confirmar se o novo favicon está aparecendo.
💡 Dica extra: Use o favicon.ico para garantir compatibilidade
Embora modernos navegadores aceitem formatos como PNG, o padrão universal ainda é o .ico. Para garantir que seu favicon apareça em todos os navegadores e dispositivos, use sempre o arquivo favicon.ico na raiz do site.
Senso de Sensei: Se você está com um site novo ou em construção, é comum que o favicon não apareça. Mas com esses passos, ele vai aparecer — e com estilo! 🎯
Se mesmo após seguir todos os passos o favicon ainda não atualiza, entre em contato com nosso suporte — estamos aqui para ajudar, com um sorriso no coração. 💛