Инструкция
1
Создайте иконку, ссылку на которую надо будет поместить в страницы сайта. Для этого подойдет любой графический редактор. Используйте размер 16 на 16 пиксел - некоторые браузеры могут работать и с иконками больших размеров, но лучше все же охватить по возможности наибольшее число веб-серферов.
2
Сохраните подготовленное изображение в формате ico. Современные браузеры смогут понять favicon в файлах с расширением gif, png, bmp и т.д., но для охвата максимального количества модификаций браузеров лучше использовать родной формат иконок этого типа. Если ваш графический редактор не поддерживает формат ico, то можно сохранить его, например, в формате gif, а затем конвертировать в ico при помощи какого-либо из онлайн-сервисов. В сети можно найти и сервисы, которые предложат вам полный цикл создания иконки в режиме онлайн непосредственно в браузере.
3
Загрузите иконку на сервер вашего сайта и сохраните в файл с именем favicon.ico - это имя все модификации браузеров понимают одинаково, хотя некоторым из них название не важно. Если в коде страницы нет указания адреса этого файла, то браузеры и поисковые роботы по умолчанию ищут ее в корневой папке сайта, поэтому лучше всего поместить файл именно туда.
4
Вставьте в исходный код страниц HTML-теги с указанием на загруженный файл. Для Internet Explorer этот тег должен выглядеть так:
<link rel="icon" type="image/vnd.microsoft.icon" href="favicon.ico">
Для остальных браузеров его следует писать иначе:
<link rel="shortcut icon" type="image/x-icon" href="favicon.ico">
Добавьте обе строки, чтобы обеспечить кроссбраузерность. Если файл был помещен не в корневую папку, то в атрибуте href укажите полный путь к месту его размещения. Вставить эти строки следует в заголовочную часть веб-документа, то есть между тегами <head> и </head>.