6

I am using Safari 9.0.3 on OS X 10.11.9 and have only recently noticed Safari displaying the wrong favicon for some websites.

In one instance, Safari uses the Facebook icon for Messenger despite the Messenger icon being used in the head section of the page source.

I tried deleting the WebpageIcons.db file from Safari's Library folder, and I have cleared Safari history and website data across all my devices.

The Facebook icon still loads.

Any ideas?

Edit: To clarify, the proper Messenger.com icon appears in the bookmarks menu and the bookmarks editor window. However, the Facebook.com icon is used in the Smart Search Field.

Screenshot of Safari using the wrong favicon: Safari screenshot

Facebook's Messenger.com icon:

Messenger icon

4
  • Could you upload snippets of screen shots showing the results you see? Also, what precisely is your desired goal? Are you asking if this is a bug? Asking other to verify they see what you see?
    – bmike
    Commented Mar 11, 2016 at 13:01
  • Revised my question to include a screenshot of Safari using the Facebook icon in the Smart Search Field following the icon it is meant to use. I assume it's a bug but don't know if it's unique to my situation.
    – TimD
    Commented Mar 12, 2016 at 1:49
  • You are not the only one having the problem. I am having the same issue. Not a Facebook icon. Whatever this ugly E icon is. I'm not sure what site it is for. But it is coming up for several sites in my fav panel. As you can see it is the correct favicon in the address bar. ![Bookmark Panel](i.sstatic.net/2BUBm.png) I have not found a solution for the problem. I have deleted and re-created the bookmark (no joy). I have reset the favicon cache. I have deleted the ~/Library/Safari/WebpageIcons.db. Nothing has fixed it so far.
    – user156177
    Commented Mar 18, 2016 at 12:26

2 Answers 2

6

You aren't actually looking at the favicon, but rather the Touch Icon. You can find your Touch Icons in ~/Library/Safari/Touch Icons Cache/ and then look in the Images/ folder to find the actual image files.

Touch Icons Cache

Your choice here is you can replace the offending image with the one you want and restart Safari to have it load that, or just trash the whole Touch Icons Cache folder entirely.

1
  • Is there a GUI-way of this - which I obviously prefer?
    – talha06
    Commented Apr 17, 2020 at 15:46
1

There are many complicated rules on what icon file gets displayed in a browser, depending on the combination of "link" HTML tag used and browser/OS version.
The following will help to understand better (in order of preference):
- search for Favicon on Wikipedia
- http://blog.iconfactory.com/2015/11/the-new-favicon/
- http://evotec.pl/mac-os-x-yosemite-missing-favicons-in-safari-8/

1
  • Facebook.com and Messenger.com use different favicon as specified in the head section of the page markup. However, the 2 websites appear to have the same icon in Safari's bookmarks.
    – TimD
    Commented Mar 11, 2016 at 12:33

Not the answer you're looking for? Browse other questions tagged .