favicon.ico не отображается нигде

Question

Я посмотрел несколько сообщений здесь, и я провел дальнейшие исследования в Интернете, но я не вижу, чтобы найти проблему.

Я положил favicon.ico в основной каталог, но он не отображается в любом браузере. Я пробовал это лично на Firefox и Safari, и я пробовал остальное на Browsershots.

У меня есть эта линия в голове HTML:

<link rel="icon" type="image/x-icon" href="favicon.ico"/> 

Я также попробовал без типа ..., как я его на другие страницы на том же сервере.

This website doesn't show its favicon (thistle)

This website does show its favicon (greenman)

Двое из моих сайтов на одном сервере с фавиконки в том же месте каталога сайта. ??

Единственное, что я могу понять, это проблема с преобразованием ico в онлайн и сохранением его на моем MacBook Pro перед его загрузкой на сервер?

Любая помощь или намеки или мысли приветствуются.

Answer 1

Вы используете относительный путь в своем атрибуте href="". Измените его на корневой путь /favicon.ico или абсолютный путь http://yoursite.com/favicon.ico.

Answer 2

Изменить это:

<link rel="icon" type="image/x-icon" href="favicon.ico"/> 

Для этого:

<link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/> 

Еще одна причина, почему ваш Favicon не отображается может быть потому, что вы просматриваете кэшированные версии вашего сайта.

Очистите кэш и снова откройте сайт, и вы увидите значок.

Answer 3

Была такая же проблема. Нашел этот замечательный ответ: https://stackoverflow.com/a/16375622/5359989

Что сработало для меня, менялось «favicon.ico» на нечто уникальное, например «myfavicon.ico», и ссылалось на него в html соответственно. Надеюсь, это сработает и для вас.

Answer 4

Хром не понравился факт, что мой favicon.ico был образ 64x64. Я изменил его на 32x32-пиксельный образ, и он показал прямо!