web-dev-qa-db-fra.com

Favicon ne se présente pas

J'ai placé mon favicon ici:

http://www.vittoriosastarsnursery.com/favicon.ico

Mais pour une raison quelconque, cela ne veut pas apparaître dans Firefox. Cela a fonctionné dans IE, mais je suis plus soucieux de le faire fonctionner dans Firefox.

htmlbrowserfavicon
29
TheGateKeeper

Je peux le voir dans Chrome, Firefox et IE. Mon ami a eu un problème comme celui-ci quand nous étions en test au collège. C'était juste une chose étrange de cache qui lui a fait penser que cela ne fonctionnait pas correctement. Je suis sûr que tout le monde à part vous saurez que cela fonctionne bien. Vous pouvez toujours essayer de redémarrer votre navigateur après avoir effacé le cache et voir si cela vous aide. 

31
Jamie

Soudain, j'ai trouvé la réponse ici

Vous devriez ajouter "?" sur votre chemin favicon et ça marche! Même avec un chemin tel que images/favicon.ico. Essayez juste:

<link rel="icon" href="/images/favicon.ico?" type="image/x-icon">

Les autres navigateurs fonctionnent aussi.

N'oubliez pas de redémarrer mozilla, car il possède son propre cache, qui n'est pas connecté à css ni à d'autres types de cache.

mis à jour:

Une autre méthode consiste à définir une redirection de favicon.ico à /images/favicon.ico (301 travaux)

70
FeroxTL

Deux choses à considérer

  • Si cela fonctionne dans certains navigateurs et pas dans d'autres, le problème sera probablement lié au cache. Effacez votre cache et actualisez-le, ou pour des informations plus détaillées: Comment forcer l'actualisation d'un favicon
  • Si favicon.ico se trouve dans le dossier racine du projet mais n’est reconnu par aucun navigateur, je vérifie le .htaccess, ou l’équivalent de .htaccess, selon le type de serveur, etc.
5
DrewT
<link rel="icon" href="http://khachmeruk.com/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="http://khachmeruk.com/favicon.ico" type="image/x-icon">
3
GuyFromOverThere

Pour ceux qui souffrent de ce problème, essayez de déplacer votre fichier favicon dans le répertoire personnel. Cela a fonctionné pour moi et a résolu mon problème.

3
Erdem Zengin

Si vous ne voulez pas passer des heures. Si vous essayez de comprendre pourquoi votre favicon ne s'affiche pas, veillez à le placer toujours à la racine du dossier de votre projet et à ajouter un lien dans la section <head></head> de votre page, comme suit:

<head>
  //other code
  <link rel="icon" href="favicon.ico" type="image/x-icon">
  //other code
</head>

Structure des dossiers 

--app
-----img
-----js
-----css
-----favicon.ico
2
AllJs

Cela fonctionne pour moi dans FireFox. Lors de l'exécution de identify (composant du package ImageMagick), le problème suivant est signalé: identify: invalid colormap index 'favicon.ico' @ error/image.c/SyncImage/3906

Peut-être qu'ouvrir le fichier dans un éditeur graphique et le réenregistrer permettrait de corriger cette erreur.

1
Dylan Tack

J'ai eu ce problème également. il s'avère (pour moi du moins) que le blocage des utilisateurs/agents sans référent via .htaccess a été à l'origine du problème 

0
Daymon

C'est juste un problème de cache. Il suffit de changer le nom du fichier et il apparaîtra immédiatement ... sinon, ne rien faire et il apparaîtra éventuellement. Les navigateurs sont juste très persistants avec la mise en cache des favicon.

0
Jeremy