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

Favicon Not Displaying in Google Chrome

Cache

Firstly, clear your cache by following these steps: http://support.google.com/chrome/bin/answer.py?hl=en&answer=95582 . Test in another browser to confirm if it is a cache issue.

Additionally, one user was able to update their favicon by adding a parameter to the link href, which changes the resource link and loads the favicon without cache:

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

Favicon Usage

Ensure the favicon is properly imported using the correct method:

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

These should be placed within the tag.

Chrome Local Problem

Chrome may not display favicons if they are local (not uploaded to a webserver). Chrome is only allowed to load favicons from a file/icon in the downloads directory - more information on this can be found here: https://superuser.com/questions/726794/local-file-website-favicon-works-in-firefox-not-in-chrome-or-safari-why.

Renaming

Try renaming the favicon from "favicon.{extension}" to "{yourfaviconname}.{extension}" to solve display issues in Internet Explorer.

Base64 Approach

Another solution worth trying is adding the favicon directly within the tag as a Base64 Encoded Image:

The above is the detailed content of Why Isn't My Favicon Showing Up in Google Chrome?. For more information, please follow other related articles on the PHP Chinese website!