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?

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.


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="#" />

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.


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


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


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">

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">

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.


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">

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.


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


-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=">

1
Uma explicação sobre como isso corrige o erro seria muito útil, considere adicionar detalhes sobre sua resposta.
bjoster 14/07
Ao utilizar nosso site, você reconhece que leu e compreendeu nossa Política de Cookies e nossa Política de Privacidade.
Licensed under cc by-sa 3.0 with attribution required.