Maison > interface Web > tutoriel CSS > Pourquoi mon favicon n'apparaît-il pas dans Google Chrome ?

Pourquoi mon favicon n'apparaît-il pas dans Google Chrome ?

Linda Hamilton
Libérer: 2024-12-05 02:27:09
original
626 Les gens l'ont consulté

Why Isn't My Favicon Showing Up in Google Chrome?

Favicon ne s'affiche pas dans Google Chrome

Cache

Tout d'abord, videz votre cache en suivant ces étapes : http://support.google.com/chrome/bin/answer.py?hl=en&answer=95582 . Testez dans un autre navigateur pour confirmer s'il s'agit d'un problème de cache.

De plus, un utilisateur a pu mettre à jour son favicon en ajoutant un paramètre au lien href, qui modifie le lien de ressource et charge le favicon sans cache :

<link rel="icon" type="image/x-icon" href="favicon.ico?v=1"  />
Copier après la connexion

Utilisation du favicon

Assurez-vous que le favicon est correctement importé en utilisant le bon méthode :

Favicon normal :

<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
Copier après la connexion

Favicon PNG/GIF :

<link rel="icon" type="image/gif" href="favicon.gif" />
<link rel="icon" type="image/png" href="favicon.png" />
Copier après la connexion

Ceux-ci doivent être placés dans le tag.

Problème local de Chrome

Chrome peut ne pas afficher les favicons s'ils sont locaux (non téléchargés sur un serveur Web). Chrome est uniquement autorisé à charger des favicons à partir d'un fichier/icône dans le répertoire de téléchargements. Pour plus d'informations à ce sujet, cliquez ici : https://superuser.com/questions/726794/local-file-website-favicon-works-in-firefox-not-in-chrome-or-safari-why.

Renommer

Essayez de renommer le favicon de "favicon.{extension}" en "{yourfaviconname}.{extension}" pour résoudre les problèmes d'affichage dans Internet Explorer.

Approche Base64

Une autre solution qui vaut la peine d'être essayée consiste à ajouter le favicon directement dans le < lien> balise en tant qu’image codée en Base64 :

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Derniers articles par auteur
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal