Pourquoi mon favicon ne s'affiche-t-il pas dans Google Chrome ?

Le favicon ne s'affiche pas dans Google Chrome

Problème :

Le favicon, ou icône de site Web, ne s'affiche pas dans Google Chrome, bien qu'il apparaisse lorsque le chemin d'accès à l'icône est saisi manuellement dans l'URL bar.

Solution :

Pour résoudre ce problème, envisagez les solutions suivantes :

Cache :

• Videz le cache de votre navigateur selon les instructions de Google : http://support.google.com/chrome/bin/answer.py?hl=fr&answer=95582

Utilisation des favicon :

• Assurez-vous que le favicon est ajouté à la section d'en-tête HTML en utilisant le bon syntaxe :

  • Favicon normal :

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

  • PNG/GIF favicon :

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

Problème local de Chrome :

• Chrome peut ne pas afficher les favicons s'ils sont accessibles localement (non téléchargés sur un serveur Web). Si l'icône est présente dans le répertoire Téléchargements, Chrome permettra son chargement. Pour plus d'informations, reportez-vous à : https://superuser.com/questions/1266255/local-file-website-favicon-works-in-firefox-not-in-chrome-or-safari-why

Renommer :

• Renommer le favicon en quelque chose d'autre que "favicon.{extension}" peut parfois résoudre des problèmes, par exemple : "myfavicon.{extension}"

Approche Base64 :

• Alternativement , vous pouvez ajouter le favicon en tant qu'image encodée en Base64 directement dans la section d'en-tête HTML, comme indiqué ci-dessous :

<link href="data:image/x-icon;base64,AAABAAIAEBAAAAEAIABoBAAAJgAAACAgAAABACAAqBAAAI4EAAAoAAAAEAAAACAAAAABACAAAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAA////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8AhISE/4SEhP+EhIT/hISE/4SEhP+EhIT/hISE/4SEhP+EhIT/hISE/4SEhP+EhIT/hISE/4SEhP+EhIT/hISE/4SEhP+EhIT/hISE/////wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wCEhIT/hISE/4SEhP+EhIT/hISE/4SEhP+EhIT/hISE/4SEhP+EhIT/hISE/4SEhP+EhIT/hISE/595z////8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AP///wD///8A////AAAAAAAAAAAALztHAAAAAAAuU2sAU5bCClOWwkNTlsKAU5bCwFOWwvhTlsL/U5bC/1OWwv9TlsL/U5bC/...</pre>

**Generate Favicons:**

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!