Екран ваших найпопулярніших сайтів у IE 10 - Значки не з’являються

Ми використовуємо наступний код, щоб додати піктограми для фавікону, планшетів, смартфонів, плиток 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">що, здається, працює на це, але не для нас.

Будь-які підказки до рішення оцінили.

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

internet-explorer favicon

— MJWadmin
джерело

Це не вдається лише на цьому екрані? напр. Чи завантажується піктограма браузера на вкладці браузера, коли відвідується нормально? Це остаточно нічого не доведе, але це було б трохи інформативно. Ви інакше, здається, досить грунтовно висвітлили ситуацію з фавіконом. Я не впевнений, що надто переживаю з цього приводу. Веб-браузери, як відомо, неодноразово лунали щодо завантаження фавіконів взагалі. Також, чи буває це у всіх?

— Су '

Жодна з піктограм не є 404'ing, а фавікон працює в інших браузерах, як і сенсорні піктограми. Це одне з таких дуже дратівливих питань "голова голови". Провівши на ній ранок, цікавість і розчарування покращили мене.

— MJWadmin

Ви спробували власне зображення PNG, яке використовує стек? Якщо є якась аномалія у самому форматі PNG?

— MrWhite

Інші веб-переглядачі тут не доречні; Я мав на увазі, що значок завантажується в звичайні вкладки IE. Відсутність 404 також вам нічого не скаже. Це не має нічого спільного з тим, чи справді зображення є. Браузери просто непогані щодо завантаження файлів, періоду; коли це робить себе проблемою, часто мало що можна зробити (очищення кешу та все інше, про що ви могли б подумати: може спрацювати, може, не буде; це буде сюрприз!) Вони з часом стали краще про це, але це все одно буває. Firefox просто не вдалося завантажити фавікон на вкладці для веб-сайту, який уже відкрився в іншій вкладці, з піктограмою.

— Су '

Чи можете ви розмістити посилання на веб-сайт у коментарях?

Відповіді:

Де ваш файл ico? Я бачу, що він знаходиться в кореневій папці, тоді вам не потрібна коса коса риса, зніміть косу рису з-за вашого файлу, також вам не потрібноtype="image/x-icon"

Ваш файл ICO має бути звичайною бібліотекою значків з різними необхідними розмірами значків.

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

Просто використовуйте наведений вище код, він ідеально підходить для IE9, IE10, FX та Chrome.

Якщо у вас раніше були різні файви, вам також потрібно оновити кеш браузера .

— Омне
джерело

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

— WebChemist

Які розміри вашого фавікону? Перевірте цей список, щоб переконатися, що вони підпадають під ці вказівки:

Налаштування піктограми сайту - піктограм сайту в 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">

Коли я дивлюся на мій stackoverflow на вкладці "Улюблені" в IE9, він виглядає як його за допомогою фавікону 16x16 (і центрування його в контейнері 32x32), а не піктограми "apple stackoverflow" 158x158, як ви запропонували, тому що якщо ви подивитеся на png, Коефіцієнт відстані "підкладка" від сторони до низу становить приблизно 2,5: 1, коли його 1: 1 у фавіконі, такий же, як 1: 1 накладка на вкладці IE9 ...

Я можу сказати вам, що фавікон мого роботодавця навантажує вибране IE9 та його 64x64 (без прозорості, розмір 12,5 кб). Якщо ви все ще не можете змусити показ вашого фавікону, опублікуйте посилання, щоб ми могли перевірити фактичний файл зображення

— WebChemist
джерело

-1

Спробуйте, як пропонує Omne, і видаліть свій атрибут типу або додайте другий із зображенням / vnd.microsoft.icon як значення. А потім переконайтеся, що ваш сервер надсилає тип mime для файлів з точкою ico. Дивіться це:

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

Якась Backstory

Раніше це було, а точніше, сперечалися про те, що правильний тип міми для ікон.

Світ Microsoft звик і, ймовірно, досі покладається на "image / vnd.microsoft.icon", де як і інший світ неофіційно (офіційно) lol використовує "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 з нестандартним MIME-типом image / x-icon у веб-серверах.

— Ентоні Хацопулос
джерело