我想为我的网站添加favicon，它既适用于Chrome又适用于FF但不适用于Safari（我的Macbook上安装了版本7）。我试过在论坛上提到不同的技巧，没有运气。例如，删除以下内容：
库/缓存/ com.apple.WebKit.PluginProcess / Cache.db
WebpageIcons.db
Safari缓存/重置
我的favicon是32x32，以下是我使用的代码。
<link rel="shortcut icon" type="image/x-icon" href="<%=request.getContextPath()%>/favicon.ico"/>
任何想法，我怎样才能让它发挥作用？
答案 0 :(得分：1)
将您的favicon保存为8位（jpg是8位，但是png更好，您可以将其保存为8位，它不需要是.ico）图像，并确保清除您的缓存。 在上传时，它应该在所有浏览器中显示。
答案 1 :(得分：1)
也许您的浏览器出现问题，请将favicon.ico放在您网站的索引中，即/public_html/文件夹中，然后尝试清除缓存。
/public_html/ 文件夹是浏览器查找 favicon 的默认位置。
您也可以像使用< link >标签一样设置所需的fave图标
尝试设置地址而不是<%=request.getContextPath()%>只是文件的路径
例如
href="http://MyWebSite.com/favicon.ico"
有时需要更多或更少的时间才能更新~24小时。
如果没有效果，请尝试在另一台计算机上打开您的网站。
在线Favicon发电机：
1。Favicon & App Icon Generator
2。Favicon Generator and Gallery
3。favicon.ico Generator
4。X-Icon Editor
答案 2 :(得分：0)
如果您要查找的是Safari图标出现在iphone Hoescreen上，那么您需要的是这样：
<link rel="apple-touch-icon" sizes="57x57" href="/a/img/icons/apple-icon-57x57.png" />
<link rel="apple-touch-icon" sizes="72x72" href="/a/img/icons/apple-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="/a/img/icons/apple-icon-114x114.png" />
<link rel="apple-touch-icon" sizes="144x144" href="/a/img/icons/apple-icon-144x144.png" />
您不需要将它用作ico图像。 为此，您不需要将它放在Web服务器的根目录。
我测试了。