Je reçois une erreur favicon.ico


132

J'ai téléchargé l'IDE Netbeans pour coder en HTML. Je suis nouveau dans ce domaine. Lorsque j'exécute mon code, Chrome s'ouvre et tout fonctionne très bien. J'obtiens une sorte d'erreur dans la sortie - Journal du navigateur.

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

Comment je le répare?

Réponses:


151

J'ai aussi cette erreur depuis un certain temps. Il peut s'agir d'une sorte de bogue netbeans lié au connecteur netbeans. Je ne trouve aucune mention favicon.icodans mon code ou dans les paramètres du projet.

J'ai pu le réparer en mettant la ligne suivante dans la headsection de mon fichier html

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

J'utilise actuellement ceci dans mon environnement de test, mais je le supprimerais pour n'importe quel environnement de production.


3
Je ne pense pas que cela ait à voir avec NetBeans. Cela arrive chaque fois que vous le faites cordova run browser.
Ricardo Cruz

2
Pour moi, c'est arrivé maintenant en étant dans un répertoire de mon site Web. Mais il a pointé vers le répertoire racine à la recherche d'un favicon.ico. J'utilise Chrome ...
Alex Cio

4
Cela n'a rien à voir avec NetBeans, j'utilise Eclipse, PyCharm etc. et j'obtiens la même erreur.
Ibo

3
Cette solution n'est peut-être pas correcte, comme je l'ai essayée, et elle ne fonctionne pas. Je reçois toujours l'erreur.
Vlădel le

@Tamas oui la même chose pour moi, la réponse ci-dessous devrait être la bonne
Charis Theo

131

La réponse acceptée n'a pas fonctionné pour moi, j'ai dû ajouter une valeur à l'attribut href:

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

8
La réponse acceptée n'a pas fonctionné pour moi non plus. Merci d'avoir posté ceci ... cela m'a fonctionné (en chrome).
Nirmal

1
Oui, cela supprime l'erreur dans Chrome lors de l'hébergement de ma page HTML sur AWS S3. Sans cela, j'obtiens une erreur 403 pour favicon.ico, malgré le fait qu'il n'y avait aucune référence à un favicon dans le code.
MSC

Avons-nous besoin de spécifier un type mime pour cela?
Kurkula

1
Cela déclenchera la double extraction du document dans certains navigateurs (y compris Chrome), voir stackoverflow.com/questions/2009092
...

@kursus: Le problème semble être supprimé dans la réponse de Sr Julien stackoverflow.com/a/40527353/669527
IvanH

26

La réponse acceptée n'a pas fonctionné pour moi, j'ai donc trouvé cette solution .

Cela peut être lié à la version HTML comme étant la solution la plus votée:

Si vous avez besoin que votre document soit validé par rapport à HTML5, utilisez plutôt ceci:

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

Voir le lien pour plus d'informations.


24

favicon.ico est l'icône d'un site Web dans la barre de titre de votre site Web. Netbeans n'a pas pu trouver le fichier favicon.ico dans le dossier de votre site Web

si vous ne le souhaitez pas, vous pouvez supprimer la ligne similaire à celle-ci dans votre section principale

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

ou si vous souhaitez utiliser une icône pour la barre de titre, vous pouvez utiliser le convertisseur d'icônes pour générer une image .ico et la conserver dans le dossier de votre site Web et utiliser la ligne ci-dessus dans la section head


4
Il n'y a pas d'icône comme ça dans ma section principale.
Rockstar5645

1
Veuillez poster votre code html de section de tête, il est difficile de résoudre une erreur sans voir le code
Trinadh venna

15

Les réponses ci-dessus n'ont pas fonctionné pour moi. j'ai trouvé un très bon article pour Favicon , expliquant:

  • qu'est-ce qu'un Favicon;
  • pourquoi Favicon.ico apparaît-il comme un 404 dans les fichiers journaux;
  • pourquoi devriez-vous utiliser un Favicon;
  • comment faire un Favicon en utilisant FavIcon de Pics ou d'un autre créateur de Favicon;
  • comment faire afficher votre Favicon.

J'ai donc créé Favicon en utilisant FavIcon from Pics. Mettez-le dans un dossier (nommé favicon) et ajoutez ce code dans la <head>balise:

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

Maintenant, il n'y a pas d'erreur et je vois mon Favicon:

entrez la description de l'image ici


J'ai essayé cela ... tout fonctionne bien dans mon local, mais lorsque je déploie sur des serveurs, j'obtiens cette erreur ..
Ziggler

1
@Petya Kostova, merci pour le lien! Très utile. Juste pour ajouter un lien supplémentaire, cet article explique comment cela fonctionne iconpour Chrome / Firefox / etc tandis que shortcut iconpour IE, juste pour tous (comme moi) qui étaient curieux de savoir pourquoi vous avez besoin des deux.
James Toomey

9

Pour moi, la réponse n'a pas fonctionné aussi, mais cela fonctionne bien:

<link rel="shortcut icon" href="data:image/x-icon;," type="image/x-icon">

Cela résout le problème sans provoquer de double extraction.
IvanH

4

Vous pouvez fournir votre propre image et la référencer dans la tête, par exemple:

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

3

Faites également attention à ce que votre emplacement href ne soit pas défectueux. Étude de cas:

Ma page d'index était dans un sous-dossier temporaire nommé LAYOUTS. Pour accéder au favicon.png depuis le dossier IMAGES, qui était un frère du dossier LAYOUTS, j'ai dû mettre un chemin dans mon href comme celui-ci

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

Des points doubles sont nécessaires pour la navigation dans les dossiers «vers le haut» , puis la barre oblique + imageschaîne vous amène dans le dossier images (en effectuant un «saut» de branche d'arbre) et enfin vous pouvez référencer votre fichier en écrivant favicon-32x32.png.

Cette explication est utile pour ceux qui partent de zéro et il aurait été utile de l'avoir vue plusieurs fois car j'oublierais que j'avais certains fichiers * .php en dehors du dossier LAYOUTS qui nécessitaient différents hrefs d'arborescence sur mes liens, dans la section HEAD de chaque page.

Référencez le chemin de votre image favicon en conséquence.


1
Je ne sais pas s'il est bon d'utiliser directement des chemins relatifs. J'utilise généralement @ Url.Content ("~ / Images / favicon.ico") si j'utilise MVC ou l'API Web ASP.NET pour résoudre complètement les URL avant de les envoyer au client.
justdan23

2

Ce problème se produit lorsque vous ne déclarez pas en haut de votre fichier HTML dans HEDER cette balise.

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

0

J'ai eu une situation étrange. Le mien fonctionnait bien et s'est soudainement arrêté avec ce message d'erreur. J'avais déjà la déclaration d'en-tête. J'étais donc stupide de savoir pourquoi cela ne fonctionnait pas.

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

Rien d'autre sur le site n'avait un problème que je pourrais dire. La seule chose qui a corrigé pour moi était de redémarrer mon service Apache et tout était à nouveau bon.

si rien d'autre ne fonctionne, essayez-le et voyez ce qui se passe.


0

C'est un cauchemar puisque chaque navigateur / appareil le gère différemment.

Le générateur Favicon m'aide beaucoup pour les applications où nous devons couvrir le plus de scénarios possibles.

https://realfavicongenerator.net/

Vous avez juste besoin d'une image png 260px x 260px (au moins) et à partir de là, le générateur créera toutes les références dont vous avez besoin dans votre page Web.

Il vous suffit d'ajouter ces références et images à votre application.

entrez la description de l'image ici


0

Dans Angularplus tôt , nous avions .angular-cli.jsondossier qui faisait référence à favicon.ico. Si vous effectuez une mise à niveau vers l'une des versions les plus récentes de, Angularvous aurez à la angular.jsonplace. Pour ces nouvelles versions, vous devez faire référence au chemin du favicon dans votre fichier à index.htmlpartir de maintenant.


-1

J'obtenais la même erreur d'icône fav - 404 (introuvable). J'ai utilisé l'élément suivant dans l' <head>élément de mon fichier index.html et cela a corrigé l'erreur:

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

1
Une explication de la façon dont cela corrige l'erreur serait très utile, pensez à ajouter des détails sur votre réponse.
bjoster le
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.