Favicon não aparece? Verifique os arquivos, links e cache

Escolha um ícone que funcione em tamanho pequeno

Use um símbolo quadrado simples em vez de uma fotografia detalhada ou uma marca longa. Inspecione a visualização de 16 pixels no Favicon Generator. O ZIP inclui ICO de vários tamanhos, ícones PNG, um webmanifest e um exemplo HTML. Converta primeiro um SVG compatível em PNG se sua fonte for um arquivo vetorial.

Faça upload dos arquivos e confirme seus endereços

Extraia o ZIP e carregue os arquivos do ícone escolhido em seu próprio site. Abra cada URL de ícone pretendido em um navegador e confirme se ele retorna a imagem em vez de uma página de login, tela de arquivo ausente ou documento HTML. Use o exemplo HTML como ponto de partida e ajuste os caminhos para o local real de upload. A geração de um manifesto por si só não transforma um site em um aplicativo instalável.

Use a configuração de ícone da sua plataforma quando disponível

Um tema ou construtor de sites já pode gerenciar a marcação de ícones. Defina o ícone lá em vez de adicionar várias tags concorrentes. Em uma página personalizada, inspecione o cabeçalho renderizado e verifique quais URLs de rel="icon" e de ícone de toque da Apple ele declara. Um arquivo correto no servidor não ajudará se a página apontar para um caminho diferente.

Distinguir atrasos de cache de erros de instalação

Após alterar o ícone, limpe o cache do site ou CDN e teste uma nova sessão do navegador. Um navegador pode reter um ícone antigo mesmo depois que a página é recarregada. Os resultados da pesquisa buscam e exibem ícones de forma independente, portanto, uma guia correta do navegador não promete uma atualização imediata dos resultados da pesquisa. Evite gerar novos ícones repetidamente enquanto um URL quebrado ou um cache de página desatualizado continuar sendo a causa real.

Continue with a related tool