Maison >interface Web >tutoriel CSS >Pourquoi mes favicons n'apparaissent-ils pas dans Google Chrome ?

Pourquoi mes favicons n'apparaissent-ils pas dans Google Chrome ?

Susan Sarandon
Susan Sarandonoriginal
2024-12-04 18:26:12529parcourir

Why Aren't My Favicons Showing Up in Google Chrome?

Problème de favicon Google Chrome

Introduction

Les utilisateurs ont rencontré des difficultés avec les favicons n'apparaissant pas dans Google Chrome, malgré l'affichage lorsque le chemin de l'icône est saisi dans l'URL barre.

Causes et solutions

Cache :

  • Videz votre cache Chrome sur http://support .google.com/chrome/bin/answer.py?hl=fr&answer=95582.
  • Pour une mise à jour favicon, ajoutez un paramètre URL : ?v=1 après le 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=2"  />

Utilisation du favicon :

  • Assurez-vous que le favicon est correctement importé avec le bon
  • Favicon normal :

    <link rel="icon" href="favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
  • Favicon PNG/GIF :

    <link rel="icon" type="image/gif" href="favicon.gif" />
    <link rel="icon" type="image/png" href="favicon.png" />

    Placez ce code dans le < tête> tag.

Problème local de Chrome :

  • Chrome peut ne pas afficher les favicons stockés localement. L'icône doit être téléchargée sur un serveur Web ou placée dans le répertoire de téléchargement pour que Chrome puisse y accéder. Pour plus de détails, reportez-vous à : https://superuser.com/questions/83454/local-file-website-favicon-works-in-firefox-not-in-chrome-or-safari-why

Renommer :

  • Essayez de renommer le favicon de favicon.{whatever} à {yourfaviconname}.{whatever}. Cela a résolu le problème pour certains utilisateurs.

Approche Base64 :

  • Encodez le favicon en tant qu'image Base64 et incluez-le directement dans le < ;lien> étiquette :

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!

Déclaration:
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