Как добавить favicon на сайт?

Если вы читаете эту статью, то, скорее всего знаете что такое favicon. Если не знаете, то favicon изображение 16х16 пикселей формата ico, которое выводится рядом с заголовком страниц сайта в браузерах и, например, в результатах выдачи поисковой системы Яндекс.

Как добавить favicon на сайт?

Все просто. Прежде всего необходимо создать требуемое изображение (не забыв при этом про формат — ico).
После того, как изображение получено и загружено на сайт, в тег <head> заголовка страницы, у которой должна быть иконка, необходимо добавить следующий тег:
<link rel="SHORTCUT ICON" href="http://www.site.ru/favicon.ico" type="image/x-icon" />

Где значением атрибута href должен быть путь к загруженной иконке.

Важные замечания.
1. Современные браузеры по умолчанию пытаются загрузить иконку для сайта из его корня с именем favicon.ico.
2. Иконка сайта вовсе необязательно должна быть формата ico (т.е. возможны варианты с изображениями формата JPEG, PNG,..), однако при использовании других форматов иконка не будет показываться в Internet Explorer (на сегодняшний день до 8-ой версии включительно). В случае использования форматов отличных от ico, необходимо также корректно указать MIME-тип.

 
 

Статьи на схожую тематику:

CSS + JavaScript: изменение стиля
CSS: 2 колонки текста
.NET и не только: любите www.codeproject.com
CSS: тени без PNG
CSS: красная строка