Estou recebendo o erro favicon.ico

131

Eu baixei o Netbeans IDE para codificar em HTML. Eu sou novo nisso. Quando executo meu código, o chrome está abrindo e tudo está funcionando bem. Estou recebendo algum tipo de erro no registro do navegador de saída.

Failed to load resource: net::ERR_EMPTY_RESPONSE (20:00:55:963 | error, network)
at http://localhost:8383/favicon.ico

Como faço para corrigir isso?

Rockstar5645
fonte

Respostas:

151

Eu tenho esse erro há algum tempo também. Pode ser algum tipo de bug do netbeans que tem a ver com o conector do netbeans. Não consigo encontrar nenhuma menção favicon.icono meu código ou nas configurações do projeto.

Consegui corrigi-lo colocando a seguinte linha na headseção do meu arquivo html

<link rel="shortcut icon" href="">

Atualmente, estou usando isso no meu ambiente de teste, mas o removeria para qualquer ambiente de produção.

element11
fonte
3
Eu não acho que isso tenha a ver com o NetBeans. Isso acontece sempre que você faz cordova run browser.
Ricardo Cruz
2
Para mim, aconteceu agora enquanto estava dentro de um diretório do meu site. Mas apontou para o diretório raiz procurando um favicon.ico. Estou usando o Chrome ...
Alex Cio
4
Não tem nada a ver com o NetBeans, eu uso Eclipse, PyCharm, etc. e recebo o mesmo erro.
Ibo
3
Esta solução pode não estar correta, como eu tentei, e não funciona. Ainda está recebendo o erro.
Vlădel
@Tamas yeap o mesmo por mim, a resposta abaixo deve ser o correto
Charis Theo
131

A resposta aceita não funcionou para mim, tive que adicionar um valor ao atributo href:

<link rel="shortcut icon" href="#" />
Agu Dondo
fonte
8
A resposta aceita também não funcionou para mim. Obrigado por postar isso ... funcionou comigo (no chrome).
Nirmal
1
Sim, isso remove o erro no Chrome ao hospedar minha página HTML no AWS S3. Sem ele, recebo um erro 403 do favicon.ico, apesar de não haver referência a um favicon no código.
MSC
Precisamos especificar algum tipo de mímica para isso?
27418 Kurkula
1
Isso acionará a busca dupla do documento em alguns navegadores (incluindo o Chrome), consulte stackoverflow.com/questions/2009092/…
kursus
@kursus: O problema parece ser suprimido na resposta de Sr Julien stackoverflow.com/a/40527353/669527
IvanH
25

A resposta aceita não funcionou para mim, por isso encontrei esta solução .

Pode estar relacionado à versão HTML, pois a solução mais votada no país afirma:

Se você precisar validar seu documento no HTML5, use-o:

<link rel="icon" href="data:;base64,iVBORw0KGgo=">

Veja o link para mais informações.

Arnon Erez
fonte
24

favicon.ico é o ícone de um site na barra de título do seu site. O Netbeans não conseguiu encontrar o arquivo favicon.ico na pasta do seu site

se você não quiser, você pode remover a linha que é semelhante a esta na seção da cabeça

 <link rel="shortcut icon" href="favicon.ico">

ou se você deseja usar um ícone para a barra de título, pode usar o conversor de ícones para gerar uma imagem .ico, mantê-la na pasta do site e usar a linha acima na seção principal

Trinadh venna
fonte
4
Não existe um ícone como esse na minha seção de cabeçalho.
Rockstar5645
1
Por favor, poste sua cabeça código da seção html, é difícil resolver um erro sem ver o código
Trinadh Venna
15

As respostas acima não funcionaram para mim. Encontrei um artigo muito bom para o Favicon , explicando:

  • o que é um Favicon;
  • por que o Favicon.ico aparece como um 404 nos arquivos de log;
  • por que você deve usar um Favicon;
  • como fazer um Favicon usando o FavIcon do Pics ou outro criador do Favicon;
  • como obter o seu Favicon para mostrar.

Então eu criei o Favicon usando FavIcon from Pics. Coloque-o na pasta (chamada favicon) e adicione este código na <head>tag:

<link rel="shortcut icon" href="favicon/favicon.ico">
<link rel="icon" type="image/gif" href="favicon/animated_favicon1.gif">

Agora não há erro e vejo meu Favicon:

insira a descrição da imagem aqui

Petya Kostova
fonte
Tentou acessar este ... tudo funciona bem no meu local, mas quando eu implantar para os servidores que eu estou recebendo este erro ..
Ziggler
1
@Petya Kostova, obrigado pelo link! Muito útil. Apenas para adicionar mais um link, este artigo explica como iconé para o Chrome / Firefox / etc, enquanto shortcut iconé para o IE, apenas para qualquer pessoa (como eu) que estava curiosa para saber por que você precisa dos dois.
James Toomey
9

Para mim, a resposta não funcionou também, mas isso funciona bem:

<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">
Sr Julien
fonte
Isso resolve o problema sem causar busca dupla.
IvanH
4

Você pode fornecer sua própria imagem e referenciá-la na cabeça, por exemplo:

<link rel="shortcut icon" href="images/favicon.ico">
Larry
fonte
3

Além disso, tenha cuidado para que seu local href não esteja com defeito. Caso de estudo:

Minha página de índice estava em uma subpasta temporária chamada LAYOUTS. Para acessar o favicon.png de dentro da pasta IMAGES, que era um irmão da pasta LAYOUTS, tive que colocar um caminho no meu href como este

href="../images/favicon-32x32.png"

São necessários períodos duplos para a navegação da pasta "para cima" , então a barra + imagesseqüência leva você para a pasta de imagens (executando um "salto" de galho de árvore)) e, finalmente, você pode referenciar seu arquivo escrevendo favicon-32x32.png.

Essa explicação é útil para aqueles que começam do zero e teria sido útil vê-la algumas vezes, pois eu esqueceria que tinha alguns arquivos * .php fora da pasta LAYOUTS, que precisavam de hrefs de árvore diferentes nos meus links, na seção HEAD de cada página.

Consulte o caminho para sua imagem favicon adequadamente.

Johnny
fonte
1
Não tenho certeza se é bom usar caminhos relativos diretamente. Normalmente, uso @ Url.Content ("~ / Images / favicon.ico") se estiver usando o MVC ou a API da Web do ASP.NET para resolver completamente os URLs antes de enviar para o cliente.
precisa saber é o seguinte
2

Esse problema ocorre quando você não declara na parte superior do seu arquivo HTML em HEDER essa marca.

<link rel="icon" href="your_address_icon" type="image/x-icon">
abdesselam
fonte
0

Eu tive uma situação estranha. O meu estava funcionando bem e de repente parou com essa mensagem de erro. Eu já tinha a declaração do cabeçalho. Por isso, fui burro de saber por que não estava funcionando.

<link rel="shortcut icon" href="favicon.png">

Literalmente, nada mais no site tinha um problema que eu pudesse dizer. A única coisa que o corrigiu foi reiniciar meu serviço Apache e tudo ficou bom novamente.

se nada mais estiver funcionando, experimente e veja o que acontece.

Panama Jack
fonte
0

É um pesadelo, pois cada navegador / dispositivo lida com isso de maneira diferente.

O gerador Favicon me ajuda muito para as aplicações em que precisamos cobrir os cenários mais possíveis.

https://realfavicongenerator.net/

Você só precisa de uma imagem png 260px x 260px (pelo menos) e a partir daí o gerador criará todas as referências necessárias em sua página da web.

Você só precisa adicionar essas referências e imagens ao seu aplicativo.

insira a descrição da imagem aqui

David Castro
fonte
-1

Eu estava recebendo o mesmo erro no ícone fav - 404 (Não encontrado). Usei o seguinte elemento no <head>elemento do meu arquivo index.html e ele corrigiu o erro:

<link rel="icon" href="data:;base64,iVBORw0KGgo=">
t sriya
fonte
1
Uma explicação sobre como isso corrige o erro seria muito útil, considere adicionar detalhes sobre sua resposta.
bjoster 14/07