Favicon ne s'affiche pas dans le navigateur Google Chrome

Pour une raison quelconque, mon favicon ne s'affiche pas sur mon onglet google chrome. De tous les articles que j'ai lu, je suis en train d'écrire le code correctement. Il fonctionne dans Firefox. J'ai aussi effacé le cache de mon navigateur et essayé une fenêtre de navigation privée et je suis toujours pas l'avoir vu.

Quand je vais à:
localhost:8080/favicon.ico
Je vois le favicon.

Voici mon code dans l'en-tête HTML:

<link rel="shortcut icon" sizes="16x16 32x32 64x64" 
href="/favicon.ico" type="image/x-icon" />
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="apple-touch-icon" href="apple-touch-icon.png" />

Toute aide serait appréciée! Merci!

Quelle est la console de dire dans Chrome Dev tools? Il ne disent rien sur le favicon?
Aussi je suggère de prendre un coup d'oeil à cet outil: realfavicongenerator.net Il va vous aider à configurer le favicon pour plusieurs appareils.
Je ne vois pas d'erreurs dans la console.
merci pour le site. Pour classique navigateurs voici ce que je vois les erreurs sont: 1) l'image est mal formé 2) favicon.ico est manquant, certaines icônes de tailles recommandées (16x16, 32x32, 48x48) 3) favicon.ico ne contient pas la plus haute résolution icône (48x48)
C'est pourquoi le générer sur le site. Fournir un assez grand logo/image et il va générer toutes les images et le code pour vous.

OriginalL'auteur Emil Juboori | 2017-06-20

  1. 3

    Essayer de faire un favicon réinitialiser le cache, comme expliqué dans le n ° 3 ici

    1. FAVICON RÉINITIALISER LE CACHE

    Façon plus drastique pour résoudre le problème, mais qui vous permet de le faire
    à l'échelle mondiale plutôt que site par site, est de supprimer le navigateur du favicon
    le cache. La procédure est la suivante:

    • sur Mac: supprimer le fichier suivant

      ${user.home}/Library/Application Support/Google/Chrome/Default/Favicons

    • sur Windows: supprimer l'Icone-journal et les Icônes des fichiers à partir de l'emplacement suivant

      C:\Users\nomeutente\AppData\Local\Google\Chrome\User Data\Default

    Dans les deux cas, un navigateur redémarrage est suggéré.

    C'est en 2019, et cela n'a pas fonctionné pour moi.

    OriginalL'auteur kofifus

  2. 1

    cliquez-droit sur le fichier (favicon), allez dans les propriétés, regarder vers le bas et vous permettra de voir les attributs et la possibilité de débloquer le fichier, et de le débloquer. A fonctionné immédiatement avec le navigateur de synchronisation de chance Aveugle, je n'ai même pas attendu d'être là.

    OriginalL'auteur Chris Gardner

  3. 0

    Je ne suis pas sûr de savoir pourquoi vous avez tous des extra icône de mise en forme qui n'est pas vraiment nécessaire. Mes icônes seulement ressembler à ceci: <link href="favicon.ico">. Je vous suggère d'essayer que (à moins que le reste est absolument nécessaire). Aussi, il est possible qu'il n'est tout simplement pas charger correctement. Chaque fois que j'ai mis en place mes icônes, en fonction de ce que je fais (serveur ou en cliquant sur index.html fichier), il m'arrive d'avoir à recharger de temps en temps.

    J'ai juste eu le supplément de formatage de voir si cela a changé quelque chose. J'ai refait mon code pour ce que vous mettez de et d'obtenir le même résultat à ce qu'il fonctionne dans Firefox, mais pas chrome :/

    OriginalL'auteur CyanCoding

  4. 0

    J'ai le même problème. J'ai essayé la plupart des suggestions, y compris; le changement de nom de l'icône, la suppression de chrome local de l'icone de fichier, ico et png, effacer la mémoire cache. Pas de joie avec toutes ces tentatives pour corriger.

    J'ai 2 projets avec le même en-tête et il fonctionne avec 1 icône mais pas l'autre? Il fonctionne sous IE mais pas dans google chrome. Je suis persuadé que c'est à voir avec le Chrome Favicons-journal, mais vous ne savez pas comment le prouver.

    Va réinstaller Chrome et voir comment ça se passe 🙁

    J'ai donné sur la question, mais a récemment obtenu un nouvel ordinateur et chargé le code et cela a fonctionné, je suppose que c'était un cacher le problème. Peut-être essayer une fenêtre de navigation privée ou de la réinitialisation du cache de google chrome en ouvrant inspecté et à droite en cliquant sur le bouton actualiser
    Merci Emil, Si elle est de travailler sur les pc clients, alors c'est tout bon. 🙂

    OriginalL'auteur ComeIn

  5. 0

    J'avais essayé beaucoup de choses différentes. Mon 1 machine gardé leur montrant le mal, mais ils étaient très bien sur toutes mes autres machines. J'ai même supprimé mon entière:

    C:\Users\\AppData\Local\Google\Chrome\User Les Données

    Dossier et copié à partir d'une machine de travail. Lorsque j'ai lancé Chrome, ils étaient d'accord... mais est allé mal de nouveau peu de temps après.

    Puis j'ai remarqué qu'à chaque fois que je voudrais lancer un signet à partir de Chrome sur mon téléphone Android, l'icône de ma mauvaise machine. Mais il semble que j'ai d'abord besoin de cliquer sur le mauvais signet, puis naviguer ailleurs, avant la mise à jour de ma mauvaise machine (pas sûr à 100%).

    De toute façon, je suis juste allé à travers tous mes mauvais signets par le biais de mon téléphone, et ils sont tous revenus sur ma mauvaise machine.

    Maintenant, je suis presque certain, j'avais essayé le même processus depuis un bon PC, mais n'a pas fonctionné. Encore une fois, je ne suis pas certain à 100% de ce.

    Espérons-le, cela peut être testé avec les autres.

    OriginalL'auteur ThermoX

  6. 0

    Vous devez lier votre favicon.ico comme ci-dessous:

    <link rel="icon" href="wherever/your_icon/is?v=1.0" />

    Le truc, c'est que chrome ne pouvait pas le trouver pour la première fois et maintenant c'est en supposant que vous n'avez pas un, puisqu'il rend à partir du cache. Le ?v=1.0 partie permet de s'assurer que chrome charges à nouveau.

    OriginalL'auteur Plabon Dutta