Почему значок моего сайта отображается красной линией?
Мой веб-сайт favicon отображается в Chrome и Edge с красной линией. Это также происходит в Firefox и Safari на Mac.
Насколько я знаю, единственный код, который мне нужен, чтобы установить favicon, заключается в следующем:
<link rel="shortcut icon" href="/static/sitefavicon.ico" type="image/x-icon">
<link rel="icon" href="/static/sitefavicon.ico" type="image/x-icon">
Это присутствует в HTML, и ссылки работают, когда я проверяю страницу, но значок отмечен красной линией, как на скриншоте выше.
Я пытался использовать прямые ссылки (т. Е. С https:// вместо относительных ссылок, как те, что выше) без эффекта. Я также пытался очистить свои кеши и использовать другую машину, и это, похоже, тоже не дало результата. Если это имеет значение, веб-сайт работает на Django и размещается на AWS.
2 ответа
Перекодировать изображение как png и изменение типа на image/png исправил проблему.
Попробуйте удалить этот ведущий слеш:
href="static/sitefavicon.ico"