Вам нужно включить <link rel= "icon" href= "favicon.ico" type = "image/x-icon" /">?

Ответ 1

Если вы не вызываете favicon, favicon.ico, вы можете использовать этот тег для указания фактического пути (если вы его используете в каталоге images/). В браузере/веб-странице по умолчанию используется favicon.ico в корневом каталоге.

Ответ 2

Вы должны сделать то и другое, чтобы все браузеры нашли значок.

Называя файл "favicon.ico" и помещая его в корень вашего сайта, метод "не рекомендуется" W3C:

Способ 2 (не рекомендуется): добавление значка в предварительно определенный URI
Второй метод указания значка основан на использовании предопределенного URI для идентификации изображения: "/favicon", который относится к корню сервера. Этот метод работает, потому что некоторые браузеры были запрограммированы на поиск значков с использованием этого URI.
W3C - Как добавить иконку на свой сайт

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

Ответ 3

Я использую его по двум причинам:

• Я могу принудительно обновить значок, добавив параметр запроса, например ?v=2. как это: <link rel="icon" href="/favicon.ico?v=2" type="image/x-icon" />

• В случае, если мне нужно указать путь.

Ответ 4

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

Ответ 5

Многие люди устанавливают путь к файлам cookie в /. Это приведет к тому, что каждый запрос favicon будет отправлять копии файлов cookie сайтов, по крайней мере, в Chrome. Адресация избранного в вашем домене без файлов cookie должна исправить это.

<link rel="icon" href="https://cookieless.MySite.com/favicon.ico" type="image/x-icon" />

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

Информация о настройке домена без файлов cookie:

http://www.ravelrumba.com/blog/static-cookieless-domain/

Ответ 6

У меня было три причины, чтобы включить ссылку.

1. У меня есть сайт WordPress в корне. И я хотел развернуть react сборку в подкаталоге. Поэтому я не мог поместить favicon.ico в корневой каталог, и мне пришлось добавить ссылку, чтобы он работал.
2. Я не хотел использовать .ico и работал с .png.
3. Я бы предпочел добавить несколько размеров, чтобы дать выбор для устройства рендеринга.

Итак, я закончил с чем-то вроде этого,

<link rel="icon" type="image/png" sizes="48x48"   href="favicon-48.png">
<link rel="icon" type="image/png" sizes="96x96"   href="favicon-96.png">
<link rel="icon" type="image/png" sizes="144x144" href="favicon-144.png">
<link rel="icon" type="image/png" sizes="192x192" href="favicon-192.png">
<link rel="icon" type="image/png" sizes="256x256" href="favicon-256.png">
<link rel="icon" type="image/png" sizes="384x384" href="favicon-384.png">
<link rel="icon" type="image/png" sizes="512x512" href="favicon-512.png">