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
Libérer: 2024-12-04 18:26:12
original
496 Les gens l'ont consulté

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"  />
Copier après la connexion

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

    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!

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