Что такое favicon.ico?
favicon.ico - это небольшая картинка (иконка) в специальном формате, которая отображается рядом с адресом вашего сайта в адресной строке браузера и рядом с названием вашего сайта в "Избранном" или в "Закладках" вместо стандартной, общей для всех иконки.

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

Если у вас есть иконка сайта, но она названа по-другому, переименуйте её в "favicon.ico" и положите в корневую директорию сайта - там её прежде всего ищут браузеры.

Каков размер favicon.ico в пикселях?
Формат ICO подразумевает наличие в файле нескольких картинок разных размеров и разного качества.
Основной формат картинки для favicon.ico - 16х16 пикселей, 256 цветов или TrueColor.
Именно эта картинка будет показываться в адресной строке браузера, на таб-баре и в "Избранном" (Закладках).

Почему у некоторых сайтов favicon.ico содержит несколько картинок разных форматов и размеров?
Многие пользователи также добавляют ярлыки от сайтов на рабочий стол.
Обычно размер иконок на рабочем столе больше 16 пикселей и количество цветов больше 256.
Значит, если Вы хотите, чтобы иконка вашего сайта выглядела прилично и на рабочем столе, то стоит включить в неё картинки бОльших размеров (32 пикселя и возможно, 48 пикселей). Но не переусердствуйте! Слишком большая по размеру (в байтах) иконка будет тормозить загрузку сайта.

Как сделать так, чтобы браузеры показывали вашу иконку сайта?
1. Создайте файл favicon.ico с помощью редактора иконок (Например, этого »);
2. Положите иконку в основную (предпочтительнее корневую) или в любую другую папку вашего сайта ;
3. Добавьте следующие строки в код каждой страницы вашего сайта внутрь секции :

Код:


Или так:


Или так:


Почему браузер Internet Explorer не показывает вашу иконку сайта?
На сегодняшний день Internet Explorer - это единственный браузер, который показывает иконку сайта только если сайт добавлен в "Избранное".
Все остальные браузеры показывают ее автоматически.

После добавления сайта в "Избранное", Internet Explorer всё равно не показывает иконку?
Скорее всего, информация об отсутствии иконки или старая версия сайта сохранена в кэше браузера, очистите кэш!
Помогает, также следующий трюк:
Нажмите левой кнопкой мыши на иконку в адресной строке и, не отпуская мышь, слегка двиньте мышкой вправо и обратно, отпустите мышь, браузер перезагрузит страницу, а заодно - и иконку!

Можно ли отдельным страницам вашего сайта назначить разные иконки?
Да, можно! Пропишите в секцию страницы путь к соответствующей ей иконке:

Код:

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

Вы сделали иконку своего сайта, она отображается сверху в адресе сайта, а на Яндексе не хочет. Что делать?
1. Убедиться, что ваш сайт находится на первой странице в результатах поиска;
2. Подождать, когда Яндекс найдёт вашу новую иконку, если сайт не часто появляется на первой странице результатов поиска, то на это может уйти от нескольких дней до бесконечности.

Анимированный фавикон. Как его сделать?
Это обычный анимированный gif-файл и он не имеет никакого отношения к favicon.ico, понимается только браузером Firefox последних версий, вставляется в код страницы так же, как и favicon.ico:

Код:


Как настроить веб-сервер Apache для правильной обработки favicon.ico?
Если у вас есть возможность создать/редактировать файл ".htaccess" в корневой папке (главном каталоге) вашего сайта, то можно добавить в него строчку:


Обратите внимание, название файла ".htaccess" начинается с точки.

Если вы имеете доступ к файлу конфигурации сервера apache/conf/mime.types, добавьте в него следующую строку:


Почему качество картинок ТАК сильно падает? От картинки остается что-то совсем непонятное...
Иконка показывается в браузере, как изображение размером 16x16 пикселей. Ожидать, что в таком виде можно изобразить что-то сложное не приходится.

Например, что бы изобразить хоть сколько-нибудь узнаваемое человеческое лицо, надо начинать с размера картинки 48x48. Поэтому, правило при создании иконок сайтов одно - следует изображать один, хорошо узнаваемый предмет, с четкими границами и контрастным фоном. Лучше всего для иконки сайта подходит логотип компании или столь же простое изображение.



P.S. Рекомендую...
IconCool Studio Portable - программа для редактирования и создания иконок