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?

html netbeans Rockstar5645
la source

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.

élément11
la source

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

Agu Dondo
la source

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.

Arnon Erez
la source

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

Trinadh venna
la source

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:

Petya Kostova
la source

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

Sr Julien
la source

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

Larry
la source

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.

Johnny
la source

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

abdesselam
la source

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.

Panama Jack
la source

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.

David Castro
la source

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.

Daniel Danielecki
la source

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

t sriya
la source

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

Je reçois une erreur favicon.ico

Réponses: