为什么我网站的图标显示为红线？
Why does my website's favicon show up as a red line?
我的网站图标显示在 Chrome 和 Edge 中，并带有一条红线。 Mac 上的 Firefox 和 Safari 也会发生这种情况。
据我所知，设置网站图标所需的唯一代码如下：
<link rel="shortcut icon" href="/static/sitefavicon.ico" type="image/x-icon">
<link rel="icon" href="/static/sitefavicon.ico" type="image/x-icon">
这出现在 HTML 中，当我检查页面时链接有效，但 favicon 显示为红线，如上面的屏幕截图所示。
我试过使用直接链接（即使用 https:// 而不是像上面那样的相对链接）但没有效果。我也尝试过清除缓存并使用不同的机器，但这似乎也没有效果。如果重要的话，该网站由 Django 提供支持并托管在 AWS 上。
尝试删除前导斜杠：
href="static/sitefavicon.ico"
Re-encoding 图像 png 并将类型更改为 image/png 解决了问题。
我的网站图标显示在 Chrome 和 Edge 中，并带有一条红线。 Mac 上的 Firefox 和 Safari 也会发生这种情况。
据我所知，设置网站图标所需的唯一代码如下：
<link rel="shortcut icon" href="/static/sitefavicon.ico" type="image/x-icon">
<link rel="icon" href="/static/sitefavicon.ico" type="image/x-icon">
这出现在 HTML 中，当我检查页面时链接有效，但 favicon 显示为红线，如上面的屏幕截图所示。
我试过使用直接链接（即使用 https:// 而不是像上面那样的相对链接）但没有效果。我也尝试过清除缓存并使用不同的机器，但这似乎也没有效果。如果重要的话，该网站由 Django 提供支持并托管在 AWS 上。
尝试删除前导斜杠：
href="static/sitefavicon.ico"
Re-encoding 图像 png 并将类型更改为 image/png 解决了问题。