Search code examples
htmlmacossafarifavicon

How to create a favicon for Safari 14?

I am trying to create favicon for my website (it is not live yet.) Favicon shows on Chrome but not on Safari 14. I have the setting to see websites' favicon turned on. I also tried cleaning Safari's favicon cache. I am using an PNG photo. What shows on Safari is more like a dull/flat representation. Safari Chrome

I tried these websites:

  1. https://favicon.io
  2. https://www.favicon-generator.org
  3. https://realfavicongenerator.net

They all work on Chrome but not on Safari.

Solution

  • I solved it. So, instead of deleting files in ~Library/Safari/Favicon Cache, I had to empty the entire Safari cache from Develop menu or using this keyboard shortcut ⌥⌘E