Раньше я пытался добавить значок на веб-сайт и искал лучший способ реализовать это, чем выгрузить файл favicon.ico в корень веб-сайта.
Я нашел это прекрасное небольшое руководство: Как добавить значок Favicon. Однако предпочтительный метод не работал в IE (7), а второй метод - устаревший (который я смирился использовать).
Есть ли третий метод, который работает во всех самых популярных браузерах?
Вот что я всегда использую:
<link rel="icon" href="favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
Второй - для IE. Первый - для других браузеров.
Вы можете использовать HTML для указания значка, но это будет работать только на страницах с этим HTML. Лучший способ сделать это - добавить в ваш httpd.conf (Apache) следующее:
AddType image/x-icon .ico
Я думаю, что самый надежный метод - это просто добавить файл favicon.ico в корень вашего веб-сайта.
Я не думаю, что есть какая-то необходимость в метатеге, если вы не хотите вручную переопределить значок по умолчанию, но мне не удалось найти никаких исследований, подтверждающих мой аргумент.
Вот как они это делают прямо здесь, в Stack Overflow:
<link rel="shortcut icon" href="/favicon.ico" />
Ну, файл находится в корне, поэтому он не показывает, работает ли тег или браузер только что получил значок из обычного места (корня).
Изменить: я попробую и посмотрю, работает ли.
Редактировать 2: использование обоих тегов позволяет работать даже с любым именем файла, если файл является значком для IE7: я пробовал использовать файлы .png, и он работал только с Firefox .
Существует миллион различных способов использования этих значков (разные браузеры, разные платформы, привязка мобильных сайтов, смарт-телевизоры и т. Д.), Поэтому однозначного ответа уже нет. Подробное объяснение см. В этом S.O. ответ, но краткий ответ:
Используйте этот сайт, который позволяет загружать png / jpg, а затем выполняет всю тяжелую работу за вас: https://realfavicongenerator.net/
