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

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

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

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

9.08.2008 05:41:40
6 ОТВЕТОВ
РЕШЕНИЕ

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

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

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

15
9.08.2008 06:25:17

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

<link rel="shortcut icon" href="/favicon.ico" />
0
9.08.2008 05:44:56

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

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

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

0
9.08.2008 11:53:27

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

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

1
9.08.2008 08:06:50

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

AddType image/x-icon .ico
2
9.08.2008 23:32:05

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

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

0
19.10.2019 04:26:32