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

Question

Это действительно странно - и я перепробовал все, что мог придумать. У меня нет проблем с этим в Firefox, Chrome или Opera. И когда я меняю значок на сервере, он немедленно обновляется в других браузерах, но все еще не отображается в IE9.

Кстати, изображение отображается в моем «избранном» списке, когда я добавляю его в избранное в IE9 - оно просто не отображается в адресной строке URL. Я также проверил, что файл ico работает для другого сайта. Я также добросовестно очищал историю браузера IE / временные файлы Интернета каждый раз, когда вносил изменения. Вот несколько версий кода, которые я пробовал в файле .ASPX. Первая версия работает на другом веб-сайте ASPX, на котором я работаю:

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

Answer 1

Относится к Windows 7 и т. Е. 9 или выше!

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

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

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

Шаг за шагом:

1) Я создал 24-битную цветную графику 64x64 пикселей и сохранил ее в виде файла 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 вставьте этот тег: link rel = "ярлык icon "href =" favicon.ico "/

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

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

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

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

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

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

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

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

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

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

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

Answer 2

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

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

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

Answer 3

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

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

Answer 4

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

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

В IIS 7 вы должны установить контроль кэша на «NoControl» в фавиконе или в папке шрифтов:

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

Answer 5

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

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

Answer 6

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

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

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