Favicon не работает в IE

У меня есть сайт с использованием пользовательского favicon.ico. Фейвикон отображается как ожидается во всех браузерах, кроме IE. При попытке отображения значка в IE я получаю большой красный x; при отображении значка в другом браузере он отображается просто отлично. Источник страницы включает  и он работает в других браузерах. Спасибо за ваши мысли.

EDIT: SOLVED: источником проблемы был файл, который был изменен на jpg в ico. Я создал файл как ico, и он работает как ожидалось. Спасибо за ваш вклад.

Ответы

Ответ 1

Правильно, вы не были так полезны (предоставление источника было бы действительно полезно!), но здесь вы идете... Некоторые вещи для проверки:

Является ли этот код следующим:

<link rel="icon" href="http://www.example.com/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="http://www.example.com/favicon.ico" type="image/x-icon" />

Он находится в <head>?

Является ли образ реальным файлом ico? (переименование растрового изображения не является реальным .ico! Мягко другой формат)

Работает ли она, когда вы добавляете страницу в качестве закладки?

Ответ 2

В IE и FireFox favicon.ico запрашивается только на первой странице, посещенной на сайте, а это значит, что если favicon.ico требует входа в систему (например, ваш сайт является закрытым сайтом и требует входа в систему) то значок не будет отображаться.

Решение заключается в добавлении исключения для favicon.ico, например, в ASP.Net, который вы добавляете в web.config:

<location path="favicon.ico">
  <system.web>
     <authorization>
       <allow users="*" />
     </authorization>
  </system.web>
</location>

Ответ 3

 <link rel="shortcut icon" type="image/x-icon" href="FolderName/favicon.ico" />
  • Ваш favicon.ico должен быть помещен между тегом head
  • размер: 16 X 16
  • , а для Internet Explorer он должен быть прозрачным (внешняя белая часть не должна быть видимой)

Ответ 4

Должен ли кто-нибудь ответить на этот ответ:

Такая же проблема: не работала в IE (включая IE 10), работала везде.

Оказывается, что файл не был "реальным".ico файлом. Я исправил это, загрузив его в http://www.favicon.cc/, а затем снова загрузив его.

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

Ответ 5

Попробовал ли вы поместить значок в URI "/favicon.ico"? IE может не знать о методе ссылки ссылки на него.

Дополнительная информация от W3.

Ответ 6

Если вы пробовали все выше и все еще не работаете в IE, проверьте свои настройки IIS, если вы используете Windows Server. Убедитесь, что параметр HTTP Headers > "Enable content expiration" не установлен для "Истекает немедленно"

Ответ 7

Я знаю, что сейчас это действительно старая тема, но поскольку это первый, который появился в моем поиске Google, я просто хотел добавить к нему свое решение:

У меня тоже была проблема с иконкой, предоставленной клиентом. Он отображается во всех браузерах, кроме IE. Добавление тегов link или meta не помогло, поэтому я начал искать формат файла значка.
Он оказался действительным файлом значка (а не только переименованным изображением), но в конце его было преобразовать его в изображение, сохранить его как GIF, а затем преобразовать обратно в значок.
Также не забудьте очистить кеш IE во время тестирования.

Ответ 8

У меня была эта точная проблема, и ничего не работало. После очистки кеша браузера бесчисленное количество раз и даже обновление IE до v9 я нашел это: http://favicon.htmlkit.com/favicon/

Вышеупомянутая ссылка решила проблему отлично для меня!

Ответ 9

Ни один из вышеперечисленных решений не работал у меня.

Прежде всего, я убедился, что значок находится в правильном формате, используя веб-сайт для создания значков, предложенных выше.

Затем я переименовал значок из "favicon.ico" в "myicon.ico" и добавил следующий код на мою страницу (в тегах <head>):

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

Значок находится в той же папке, что и страница.

Это решило проблему для меня. Проблема за кулисами, вероятно, имела какое-то отношение к кешированию IE, но я не уверен.

Ответ 10

Хотите поделиться URL? Многие браузеры справляются с favicons в (например) png формате, в то время как IE часто беспокоит. - Также более старые версии IE не проверяли источник html для местоположения значка, а просто целеустремленно пытались получить "/favicon.ico" с веб-сервера.

Ответ 11

Я когда-то использовал PNG как favicon.ico, и он отображался во всех браузерах, кроме IE. Возможно, что-то в файле заставляет его не распознаваться IE. Также убедитесь, что это 32x32. Не знаю, если это имеет значение. Но это то, что я должен был убедиться, чтобы увидеть его в IE.

Надеюсь, это поможет. Попробуйте использовать файл ico из другого места, чтобы убедиться, что это работает.

Ответ 12

это, кажется, проблема с ASPX-страницами, я никогда не мог показать значок на любой странице для IE (все остальные - Chrome, FF и safari) - единственные сайты, которые я видел, являются исключением из этого Правило: bing.com, msdn.com и другие, принадлежащие MS и работающие на asp.net, есть что-то, что они нам не говорят! даже всемирно известные сайты не могут показать в IE, например: manu.com(самая популярная спортивная команда в мире), сайт aspx и не могут отображать значок в IE. http://www.manutd.com/favicon.ico показывает значок.

Прошу доказать, что я ошибаюсь.

Ответ 13

РЕШЕНИЕ:

  • Я создал значок из существующего png файла, просто изменив расширение изображения с png на ico. Я использую тему drupal 7 bartik, поэтому я загрузил значок ярлыка на сервер, и он РАБОТАЕТ для Chrome и Firefox, но не IE. Кроме того, значок изображения был белым на рабочем столе.

  • Затем я принял рекомендации некоторых ребят здесь и уменьшил размер изображения до 32x32 пикселей с помощью редактора изображений (gimp 2 <

  • Я загрузил значок так же, как раньше, и он отлично работал для всех браузеров.

Я люблю вас, ребята, в stackoverflow, вы помогли мне решить множество проблем. СПАСИБО!

Ответ 14

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

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

Я добавил эти две строки в заголовок моей страницы и работал во всех браузерах.

Спасибо

Ответ 15

Возможно, это поможет другим.

Для меня ICON не отображалась в IE, даже после выполнения всех шагов.

Наконец, я нашел заметку в MSDN Устранение неполадок ярлыков.

Убедитесь, что Internet Explorer может сохранить значок ярлыка в Временная папка интернет файлов. Если вы установили Internet Explorer в не хранить кеш, тогда он не сможет сохранить значок и будет вместо этого отобразите значок ярлыка Internet Explorer по умолчанию.

Я использовал IE в режиме "В привате", как только я проверил в нормальном режиме.... Значок Fav отображается правильно.

Ответ 16

Что касается несовместимости с IE9, я наткнулся на это сообщение в блоге, которое дает советы по созданию значка, который распознается IE9.

В сущности, попробуйте создать значок со следующим сайтом: http://www.xiconeditor.com/

Ответ 17

Проверьте заголовки ответов для вашего значка. Они не должны включать "Cache-Control: no-cache".

Вы можете проверить это из командной строки, используя:

curl -I http://example.com/favicon.ico

или

wget --server-response --spider http://example.com/favicon.ico

(или используйте другой инструмент, который покажет вам заголовки ответов)

Если вы видите там "Cache-Control: no-cache", настройте конфигурацию сервера, чтобы удалить этот заголовок из ответа favicon или установить максимальный возраст.

Ответ 18

Запустите Internet Explorer в качестве администратора. Если вы открываете IE в нормальном режиме, то favicon не будет отображаться в IE 11 (Win 7). Я не уверен в поведении в другой версии браузеров.

Ответ 19

Кроме того, ошибки сертификата (https) могут помешать появлению значка. Группа безопасности изменила наши настройки сервера, и я начал получать "С этим сертификатом безопасности веб-сайтов существует проблема". Нажмите "Продолжить" на этом сайте (не рекомендуется) ". взял меня на сайт, но НЕ показывал значок.

Ответ 20

Я вижу различное поведение между Windows 10 и Windows Server 2016, а также между IE и Edge. Я тестировал с помощью www.microsoft.com.

Windows Server 2016 IE 11:
Избранное: значок сайта
Адресная строка: значок сайта
Вкладка браузера: значок сайта

Windows 10 IE 11:
Избранное: значок сайта
Адресная строка: общая сине-E иконка
Вкладка "Браузер": общая сине-E иконка

Windows 10 Edge:
Избранное: значок сайта
Адресная строка: без значка
Вкладка браузера: значок сайта

Что за дело с Windows 10 IE, показывающим общий значок?

Ответ 21

Этот рабочий кроссбраузер для меня (IE11, EDGE, CHROME, FIREFOX, OPERA), используйте https://www.icoconverter.com/ для создания .ico файла

<link data-senna-track="temporary" href="${favicon_url}" rel="Shortcut Icon" />
<link rel="icon" href="${favicon_url}" type="image/x-icon" />
<link rel="shortcut icon" href="${favicon_url}" type="image/x-icon" />

Ответ 22

Попробуйте что-то вроде:

Добавить в HTML:

  <link id="shortcutIcon" rel="shortcut icon" type="image/x-icon">
  <link id="icon" rel="icon" type="image/x-icon">

Добавить минимизированный скрипт после тега:

<script type="text/javascript">
(function(b,c,d,a){a=c+d+b,document.getElementById('shortcutIcon').href=a,document.getElementById('icon').href=a;}(Math.random()*100,(document.querySelector('base')||{}).href,'/assets/images/favicon.ico?v='));
</script>

где

  • '/assets/images/favicon.ico' связанный путь к .ico
  • ? v = 'Math.random() * 100' - принудительно обновить браузер favicon.ico

Перед тестом очистить историю: (ctr + shfit + del)