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

Question

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

РЕДАКТИРОВАТЬ: РЕШЕНО: источником проблемы был файл jpg, переименованный в ico. Я создал файл как ico, и он работает как положено. Спасибо за ваш вклад.

Answer 1

Может быть, это поможет другим.

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

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

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

Я использовал IE в режиме «Приват», как только я проверил в обычном режиме .... Значок избранного отображается правильно.

Answer 2

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

Answer 3

Я наблюдаю различное поведение между 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 показывает общий значок?

Answer 4

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

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

Answer 5

Проверьте заголовки ответа для вашего значка. Они не должны включать «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, либо установить максимальный возраст.

Answer 6

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

Answer 7

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

Пожалуйста, докажите, что я не прав.

Answer 8

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

Answer 9

РЕШЕНИЕ:

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

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

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

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

Answer 10

Этот рабочий кроссбраузер для меня (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" />