如何为 Safari 14 创建网站图标?

How to create a favicon for Safari 14?

我正在尝试为我的网站创建网站图标(尚未上线。)网站图标在 Chrome 上显示,但在 Safari 14 上不显示。我设置了查看网站图标的设置。我还尝试清理 Safari 的图标缓存。我正在使用 PNG 照片。 Safari 上显示的更像是 dull/flat 表示。 Safari Chrome

我尝试了这些网站:

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

它们都适用于 Chrome 但不适用于 Safari。

你需要两个 link, <link rel="shortcut icon" type="image/png" href="yourfavicon.png"/>(对于 chrome) <link rel="apple-touch-icon" href="yourfavicon.png">(野生动物园)

只需将两个标签都放在 HTML 的 <head> 部分。如果您想阅读更多内容,请点击 link:https://css-tricks.com/favicon-quiz/

我解决了。因此,我没有删除 ~Library/Safari/Favicon 缓存中的文件,而是不得不从 Develop 菜单或使用此键盘快捷键 ⌥⌘E

清空整个 Safari 缓存