Heim > Web-Frontend > CSS-Tutorial > Warum wird mein Favicon nicht in Google Chrome angezeigt?

Warum wird mein Favicon nicht in Google Chrome angezeigt?

Susan Sarandon
Freigeben: 2024-12-05 05:26:13
Original
808 Leute haben es durchsucht

Why Isn't My Favicon Showing in Google Chrome?

Favicon wird in Google Chrome nicht angezeigt

Problem:

Das Favicon oder Website-Symbol wird nicht angezeigt Google Chrome, obwohl es angezeigt wird, wenn der Pfad zum Symbol manuell in die URL eingegeben wird bar.

Lösung:

Um dieses Problem zu beheben, ziehen Sie die folgenden Lösungen in Betracht:

Cache:

  • Leeren Sie den Cache Ihres Browsers gemäß den Anweisungen von Google: http://support.google.com/chrome/bin/answer.py?hl=de&answer=95582

Favicon-Verwendung:

  • Stellen Sie sicher, dass das Favicon mit dem richtigen Code zum HTML-Kopfbereich hinzugefügt wird Syntax:

    • Normales Favicon:

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

      <link rel="icon" type="image/gif" href="favicon.gif" />
      <link rel="icon" type="image/png" href="favicon.png" />
      Nach dem Login kopieren

Lokales Chrome-Problem:

  • Chrome zeigt möglicherweise keine Favoriten an wenn lokal auf sie zugegriffen wird (nicht auf einen Webserver hochgeladen). Wenn das Symbol im Download-Verzeichnis vorhanden ist, lässt Chrome das Laden zu. Weitere Informationen finden Sie unter: https://superuser.com/questions/1266255/local-file-website-favicon-works-in-firefox-not-in-chrome-or-safari-why

Umbenennen:

  • Das Favicon in etwas anderes umbenennen als „favicon.{extension}“ kann manchmal Probleme lösen, zum Beispiel: „myfavicon.{extension}“

Base64-Ansatz:

  • Alternativ können Sie das Favicon wie gezeigt als Base64-codiertes Bild direkt im HTML-Kopfbereich hinzufügen unten:
<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/...
**Generate Favicons:**
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonWarum wird mein Favicon nicht in Google Chrome angezeigt?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Neueste Artikel des Autors
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage