Существуют ли какие-либо современные браузеры, которые не обнаружат favicon.ico автоматически? Есть ли причина добавлять тег ссылки для favicon.ico?
<link rel="shortcut icon" href="/favicon.ico">
Я предполагаю, что включить его в HTML-документ необходимо только в том случае, если вы решили использовать GIF или PNG ...
favicon.ico
автоматически. Поэтому, если вы хотите быть уверены, что ваш значок появляется, лучше включите ссылку в ваш HTML. Кстати, файлы .png обычно меньше, чем сопоставимые файлы .ico.browser.chrome.favicons
значение true будет искать favicon.ico в корне; при значении false загружаются только значки, если они указаны на странице HTML. См. Kb.mozillazine.org/Browser.chrome.favicons и связанные страницы.Ответы:
Чтобы выбрать другое местоположение или тип файла (например, PNG или SVG ) для значка:
Одной из причин может быть то, что вы хотите, чтобы значок находился в определенном месте, возможно, в папке изображений или что-то подобное. Например:
Это другое местоположение может даже быть CDN, точно так же, как SO, кажется, имеет с этим дело
<link rel="shortcut icon" href="http://cdn.sstatic.net/stackoverflow/img/favicon.ico">
.Чтобы узнать больше об использовании других типов файлов, таких как PNG, проверьте этот вопрос .
Для очистки кеша :
добавьте строку запроса к пути для очистки кеша:
Фавиконы очень сильно кешируются, и это отличный способ обеспечить обновление.
Сноска о расположении по умолчанию.
Что касается первого бита вопроса: все современные браузеры будут обнаруживать значок в расположении по умолчанию, так что это не причина использовать
link
его.Сноска о
rel="icon"
:Как указано в ответе @ Semanino , использование
rel="shortcut icon"
- это старая техника, которая требовалась более старыми версиями Internet Explorer, но в большинстве случаев может быть заменена более правильнойrel="icon"
инструкцией. Статья @Semanino основана на правильных ссылках на соответствующую спецификацию, в которой указаноrel
значениеshortcut
недопустимого параметра.источник
<head>
теге?Обратите внимание, что спецификация HTML5 W3C и WhatWG стандартизированы.
Обратите внимание на значение атрибута rel!
Значение
shortcut icon
дляrel
атрибута является очень старым расширением конкретных Internet Explorer и осуждаются .Поэтому, пожалуйста, подумайте о том, чтобы больше не использовать его и не обновлять файлы, чтобы они соответствовали стандартам и правильно отображались во всех браузерах.
Вы также можете взглянуть на этот замечательный пост: rel = "ярлык" считается вредным
источник
Все зависит от того, какой формат изображения вам нравится использовать!
если у вас есть иконка вашего сайта, это будет намного лучше для UX!
демонстрация
источник
Мы можем добавить для всех устройств с платформой определенного размера
источник
Суть в том, что не все браузеры будут искать ваш файл favicon.ico . Некоторые браузеры позволяют пользователям выбирать, должен ли он автоматически выглядеть. Поэтому, чтобы он всегда появлялся и просматривался, вам нужно его определить.
источник