favicon не работает в IE - PullRequest
Новая
       67

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

41 голосов
/ 23 сентября 2008

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

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

Ответы [ 21 ]

59 голосов
/ 23 сентября 2008

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

Код такой: 

<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! Слегка другой формат)

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

22 голосов
/ 11 сентября 2012

В 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>
10 голосов
/ 22 августа 2012 
 <link rel="shortcut icon" type="image/x-icon" href="FolderName/favicon.ico" />
  1. Ваш favicon.ico должен находиться между head tag
  2. Размер: 16 X 16
  3. и для Internet Explorer он должен быть прозрачным (внешняя белая часть не должна быть видимой)
7 голосов
/ 18 июля 2013

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

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

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

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

4 голосов
/ 11 июля 2012

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

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

4 голосов
/ 18 августа 2011

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

.
4 голосов
/ 23 сентября 2008

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

Подробнее от W3 .

2 голосов
/ 09 января 2014

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

Приведенная выше ссылка решила проблему для меня идеально!

1 голос
/ 15 апреля 2016

Ни одно из вышеперечисленных решений не помогло мне.

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

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

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

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

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

0 голосов
/ 19 января 2014

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

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

Страница:
...