Разные браузеры обрабатывают информацию об иконке сайта по разному. Кроме того браузер файерфокс в отличае от других браузеров может показывать и анимированные иконки. А анимация привлекает вниманиие. Поэтому при разработке кода нужно учитывать различное поведение браузеров. Вот как можно решить эту задачу:
Создаем два файла иконок.
- Один обычный файл с расширением ico. Файл иконок это своего рода контейнер в котором содержится несколько файлов иконок разных размеров. Кроме иконки для адресной строки в этом файле содержатся иконки для ярлыков. Например для ярлыка сайта на рабочий стол.
- Еще один файл с расширение gif. Этот файл предназначен для анимированной фавиконки.
Файлы можно назвать любыми именами. Но лучше латиницей не длиннее 8 символов.
Оба файла загружаем на сервер в корневую папку сайта.
На всякий случай можно еще сделать файл favicon.ico - стандартное имя фавиконок. И загрузить этот файл в корневую папку сайта.
В коде сайта (между тегами <head> и </head>) добавляем две строки (на примере сайта dohod-s-nulya.ru)
- Код: Выделить всё
<link href='https://dohod-s-nulya.ru/dohod.ico' rel='shortcut icon' type='image/x-icon' />
<link href='https://dohod-s-nulya.ru/zero.gif' rel='icon' type='image/gif' />
dohod.ico и zero.gif названия файлов иконок.
Действуя по такой инструкции можно заставить отображаться иконки в большинстве распространенных браузеров.
В нашем примере файл dohod.ico содержит только одну иконку размена 16х16 пикселей - это размер фавикон.
