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

Warum wird mein Favicon nicht in Google Chrome angezeigt?

Linda Hamilton
Linda HamiltonOriginal
2024-12-05 02:27:09700Durchsuche

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

Favicon wird in Google Chrome nicht angezeigt

Cache

Leeren Sie zunächst Ihren Cache, indem Sie wie folgt vorgehen diese Schritte: http://support.google.com/chrome/bin/answer.py?hl=de&answer=95582 . Testen Sie in einem anderen Browser, um zu bestätigen, ob es sich um ein Cache-Problem handelt.

Außerdem konnte ein Benutzer sein Favicon aktualisieren, indem er einen Parameter zum Link-href hinzufügte, der den Ressourcenlink ändert und das Favicon ohne Cache lädt:

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

Favicon-Nutzung

Stellen Sie sicher, dass das Favicon ordnungsgemäß mit der richtigen Datei importiert wird Methode:

Normales Favicon:

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

Diese sollten platziert werden innerhalb des Tag.

Lokales Chrome-Problem

Chrome zeigt möglicherweise keine Favoriten an, wenn sie lokal sind (nicht auf einen Webserver hochgeladen). Chrome darf Favicons nur aus einer Datei/einem Symbol im Download-Verzeichnis laden – weitere Informationen dazu finden Sie hier: https://superuser.com/questions/726794/local-file-website-favicon-works-in-firefox-not-in-chrome-or-safari-why.

Umbenennung

Versuchen Sie, das Favicon von „favicon.{extension}“ in umzubenennen „{yourfaviconname}.{extension}“, um Anzeigeprobleme im Internet Explorer zu lösen.

Base64-Ansatz

Eine weitere Lösung, die einen Versuch wert ist, ist das Hinzufügen des Favicons direkt innerhalb des < Link> Tag als Base64-codiertes Bild:

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!

Stellungnahme:
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