Favicon не отображается в адресной строке в IE9 - пока что отображается во всех других браузерах

Ответ 1

Попробуйте установить абсолютный путь, а не относительный путь:

<link rel="SHORTCUT ICON" href="http://www.mydomain.com/myicon.ico"/>

Также, где вы разместили изображение. Из того, что я помню, он автоматически вытащит из определенного места на вашем сервере в зависимости от веб-браузера.

Ответ 2

Подходит для Windows 7 и, соответственно, 9 или выше!

Я боролся с этой проблемой favicon в течение нескольких дней - он показывался во всех браузерах, но не в ie9!

Я подозревал формат файла; в частности, его заголовок определения, который определяет структуру для favicon.ico, поскольку это было единственное, что осталось рассмотреть после того, как он выполнил несколько руководств и методов для письма без успеха!

Кажется, я был прав - окна 7 + ie9 ожидают, что значок будет создан как 4 значка, все из которых содержатся в одном файле.

Шаг за шагом:

1) Я построил 64-битную 64-битную цветную графику и сохранил ее как файл png

2) Я импортировал этот файл в бесплатную версию X-icon Editor, чтобы получить ее здесь http://www.xiconeditor.com/

3) Как только я просмотрел результат (будет четыре изображения 64x64, 32x32, 24x24 и 16x6 (все в пикселях) и был бы доволен результатом:

4) Я экспортировал результат и отметил советы перед выполнением экспорта...

5) Затем я использовал средство сохранить как и направил файл в корень файлов моего сайта (где находится файл index.html). Я сохранил файл favicon.ico

6) Если вы хотите просмотреть файлы, перейдите в каталог сайта на вашем жестком диске и дважды щелкните файл favicon.ico, и Windows Photo Viewer покажет вам 4 страницы, каждая из которых представляет размер значка.

7) Отредактируйте свой код следующим образом (деталь находится в шаге 4): под тегом head вставьте этот тег: ссылка rel= "ярлык значок" href= "favicon.ico" /

8) Загрузите изменения на свой сервер.

9) Очистите файлы кэша ie9

10) Подождите около 20 минут (может занять больше времени)

11) Войдите на свой сайт, и вы увидите значок

Итак, каковы другие значки, встроенные в один файл favicon.ico?

64x64 - это большие значки, используемые окнами (если вы создаете ярлык на рабочем столе с большими значками, значок будет показывать вашу графику в 64x64 пикселях),

32x32, как и выше, но для рабочего стола для значков рабочего стола

24x24, как и выше, но для настольного компьютера для маленьких значков на рабочем столе

16x16 - это значок, используемый на вашей веб-странице. Его также значок, используемый в области пинто в нижней панели рабочего стола (панель задач) - переместите ярлык с рабочего стола на панель задач, и вы увидите его изменение размера

Все сделано - оно работает - будьте терпеливы, чтобы он появился!

PS (продвинутые пользователи) вы можете иметь более одного файла "Favicon", но вам нужно будет переименовать их все
затем под заголовком заголовка указывается каждый из файлов значков для разных страниц - но вам разрешено только одно (или нет для нескольких файлов) файлы favicon.ico.... получает немного волосатое, если вы новичок, но идите для него

Ответ 3

Попробуйте изменить значок rel= "ярлыка" на просто "значок". Это работает для меня.

<link rel="icon" href="/favicon.ico" />

Ответ 4

Используйте > в конце тега, если вы используете HTML4 или HTML5, и /> для XHTML.

Кроме того, вам может потребоваться использовать type="image/vnd.microsoft.icon"

Источник: FavIcon (в адресной строке) не работает в IE 9

Ответ 5

Попробуйте сайт: http://favicon.htmlkit.com/favicon/ (протестирован и работает в каждом браузере)

1) Очистить кеш браузера. 2) Включите все изображения в пакете, который вы создаете с вышеуказанного сайта.

Ответ 6

У меня была такая же проблема с шрифтами и значками в IE9. В то время как я много исследовал проблемы на стороне клиента, настройки сервера фактически вызывали это.

Режим управления кешем клиента был установлен в "DisableCache" в IIS. Это заставило IE9 не загружать ни шрифты, ни значки. Все остальные (современные) браузеры работали хорошо.

В IIS 7 вы должны установить кеш-контроль в "NoControl" либо в значке, либо в папке шрифта:

<location path="fonts">
  <system.webServer>
    <staticContent>
      <clientCache cacheControlMode="NoControl" />
    </staticContent>
  </system.webServer>
</location>