Предпочитаемый способ использования значков?

Раньше я пытался добавить значок на веб-сайт и искал лучший способ реализовать это, чем выгрузить favicon.ico файл в корень веб-сайта.

Я нашел это прекрасное маленькое руководство: Как добавить значок . Однако предпочтительный метод не работал в IE (7), а второй метод - старомодный (который я смирился использовать).

Есть ли третий метод, который работает во всех самых популярных браузерах?

Ответов (6)

Решение

Вот что я всегда использую:

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

Второй - для IE. Первый - для других браузеров.

Существует миллион различных способов использования этих значков (разные браузеры, разные платформы, привязка мобильных сайтов, смарт-телевизоры и т. Д.), Поэтому однозначного ответа уже нет. Для отличного объяснения см. Этот SO-ответ , но короткий ответ:

Используйте этот сайт, который позволяет загружать png / jpg, а затем выполняет всю тяжелую работу за вас: https://realfavicongenerator.net/

Вот как они это делают прямо здесь, в Stack Overflow:

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

Я думаю, что самый надежный метод - это просто добавить файл favicon.ico в корень вашего веб-сайта.

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

Вы можете использовать HTML для указания значка, но это будет работать только на страницах с этим HTML. Лучший способ сделать это - добавить в ваш httpd.conf (Apache) следующее:

AddType image/x-icon .ico

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

Изменить: я попробую и посмотрю, работает ли.

Изменить 2: использование обоих тегов позволяет работать даже с любым именем файла, если файл является значком для IE7: я пробовал использовать .pngфайлы, и он работал только с Firefox.