Экран ваших самых популярных сайтов в IE 10 - значки не отображаются

11

Мы используем следующий код, чтобы добавить иконки для favicon, планшетов, смартфонов, плиток Windows 8 и тому подобного: -

<link rel="apple-touch-icon" href="apple-touch-icon.png">

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

<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png">

<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png">

<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png">

<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">

<meta name="msapplication-TileImage" content="apple-touch-icon-144x144-precomposed.png"/>

<meta name="msapplication-TileColor" content="#17151a"/>

К сожалению, это не работает для IE9 и IE10 - «экрана ваших самых популярных сайтов», поиски в Google были непонятными.

Использование стека, <link rel="apple-touch-icon" href="apple-touch-icon.png">которое, кажется, работает для него, но не для нас.

Любые подсказки к решению приветствуются.

введите описание изображения здесь

MJWadmin
источник
1
Не получается только на этом экране? например. Загружается ли значок вкладкой браузера при обычном посещении? Это не может окончательно доказать что-либо, но это будет немного информативно. В противном случае вы, похоже, довольно подробно рассмотрели ситуацию со значком фавикон. Я не уверен, что слишком много переживаю по этому поводу. Браузеры были небезызвестны о загрузке значков в целом целую вечность. Кроме того, это происходит для всех?
Вс
Ни одна из иконок не является 404-й, а значок favicon работает в других браузерах, как и сенсорные иконки. Это один из тех очень раздражающих вопросов, которые «замечает председатель». Потратив на это утро, любопытство и разочарование одолели меня.
MJWadmin
3
Вы пробовали фактическое изображение PNG, которое использует стек? Если есть какая-то аномалия с самим форматом PNG?
MrWhite
1
Другие браузеры здесь не актуальны; Я имел в виду, загружается ли иконка в обычных вкладках IE. Отсутствие 404-х тоже ничего вам не скажет. Это не имеет никакого отношения к тому, действительно ли изображение там. Браузеры просто переменчивы в загрузке значков, точка; когда это создает проблему, часто мало что можно сделать (очистить кеш и все остальное, о чем вы могли подумать: может сработать, может не сработать; это будет сюрпризом!) Со временем они стали лучше, но это все еще случается. Firefox только что не смог загрузить значок в закладке для сайта, уже открытого в другой вкладке, со значком.
Вс
1
Не могли бы вы опубликовать ссылку на сайт в комментариях?

Ответы:

1

Где твой файл ico? Я вижу, что он находится в корневой папке, тогда вам не нужна косая черта за ним, удалите косую черту из-за файла, также вам не нужноtype="image/x-icon"

Ваш файл ICO должен представлять собой обычную библиотеку значков с разными нужными размерами значков.

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

Просто используйте приведенный выше код, он отлично работает для IE9, IE10, FX и Chrome.

Если у вас раньше был другой favico, вам также необходимо обновить кеш браузера .

Omne
источник
если предположить, что файл действительно находится в корневой папке, то проблема, несомненно, заключается в файле, а не в теге html, как показано (если в дальнейшем нет других ошибок html, которые вызывают проблемы с IE). Мой тег ссылки favicon написан так же, как @MJWadmin, и моя иконка прекрасно загружается в любимых вкладках IE9
WebChemist
0

Каковы размеры вашего значка? Проверьте этот список, чтобы убедиться, что они подпадают под эти рекомендации:

Настройка иконки сайта - иконки сайта в Internet Explorer 9

редактировать

Глядя на исходный код Stackoverflow, я вижу 2 изображения значков:

<link rel="shortcut icon" href="http://cdn.sstatic.net/stackoverflow/img/favicon.ico">

И

<link rel="apple-touch-icon" href="http://cdn.sstatic.net/stackoverflow/img/apple-touch-icon.png">

Когда я смотрю на свой стекопоток на вкладке «Избранное» в IE9, я вижу, что он использует значок 16x16 (и центрирует его в контейнере 32x32), а не сенсорный значок apple в стеке 158x158, как вы предложили, потому что, если вы посмотрите на png, Отношение «отступа» от стороны к нижней части составляет около 2,5: 1, где его значение равно 1: 1 в значке, то же самое, что и отступ 1: 1 на вкладке IE9 ...

Я могу сказать, что favicon моего работодателя загружается в избранное IE9 и имеет размер 64x64 (без прозрачности, размер 12.5kb). Если вы все еще не можете отобразить свой значок, опубликуйте ссылку, чтобы мы могли проверить фактический файл изображения

WebChemist
источник
-1

Либо попробуйте, как предлагает Omne, удалите атрибут type, либо добавьте второй с image / vnd.microsoft.icon в качестве значения. И затем убедитесь, что ваш сервер отправляет MIME-тип для файлов точечного ico. Посмотри это:

https://github.com/paulirish/html5-boilerplate/commit/37b5fec090d00f38de64b591bcddcb205aadf8ee

Некоторая предыстория

Раньше было, или, скорее, спорили о том, какой правильный тип пантомимы для иконок.

Мир Microsoft привык и, вероятно, все еще полагается на «image / vnd.microsoft.icon», где, как и весь остальной мир, неофициально (официально) использует «image / x-icon».

Из википедии ICO Формат :

Официальный тип MIME, зарегистрированный IANA для файлов ICO: image / vnd.microsoft.icon, зарегистрированный в 2003 году. Ошибочные метки «image / ico», «image / icon», «text / ico» и «application / ico», а также с неофициальным названием «image / x-icon» использовались во время официальной регистрации и присвоения типа MIME.

Все еще из Википедии для Фавикон

В 2003 году формат .ico был зарегистрирован в Управлении по присвоению номеров в Интернете (IANA) под именем MIME image / vnd.microsoft.icon. [12] При использовании формата .ico Internet Explorer не может отображать файлы, обслуживаемые стандартным типом MIME. Обходной путь для Internet Explorer - связать .ico с нестандартным типом изображения / x-icon MIME на веб-серверах.

Энтони Хатзопулос
источник