如何为Safari 14创建收藏夹图标?

问题描述

我正在尝试为我的网站创建Favicon(它尚未启用。)Favicon在Chrome上显示,但不在Safari 14上显示。我可以设置为打开网站的Favicon。我还尝试清洁Safari的收藏夹缓存。我正在使用PNG照片。 Safari上显示内容更像是呆板/平坦的表示形式。 Safari Chrome

我尝试了这些网站:

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

它们都可以在Chrome上运行,但不能在Safari上运行。

解决方法

您需要有两个链接, <link rel="shortcut icon" type="image/png" href="yourfavicon.png"/>(适用于Chrome) <link rel="apple-touch-icon" href="yourfavicon.png">(野生动物园)

只需将两个标签都放在HTML的<head>部分中。如果您想了解更多信息,请点击以下链接:https://css-tricks.com/favicon-quiz/

,

我解决了。因此,我不得不从 Develop 菜单或使用此键盘快捷键⌥⌘E

清空整个Safari缓存,而不是删除〜Library / Safari / Favicon缓存中的文件。