Favicon ("изображение, значок", этот термин образован от слова "Favorites", обозначающего меню избранных ссылок в Internet Explorer) - это миниатюрные изображения, характеризующие сайт, их можно сравнить с аватарами. Если таковое изображение у сайта есть, оно отображается слева от URL сайта. На сегодня иконки поддерживают все современные браузеры и даже поисковые системы, которые отображают иконки в результате выдаче запросов.
Актуальность иконок для сайтов на сегодняшний день обуславливается и тем, что Яндекс начал их показывать в результатах поиска, для этого выделен специальный сервер, и поисковый робот, который сначала отыскивает иконки, потом перебивает на них формат в PNG и записывает на собственный сервер, чтобы иконка занимала меньше места.
Также, иконка часто отображается в закладках браузера. Иными словами, она выступает визуальным воплощением Вашего сайта.
Современные браузеры без каких-либо запросов автоматически пытаются получить с сайта файл favicon.ico, что хорошо видно из логов доступа к сайту:
В этом случае иконка будет взята не из стандартного размещения, а по указанному пути в "shortcut icon", даже если она размещается на другом сайте. Это позволяет, в частности, иметь одну иконку для нескольких сайтов.
Для того, чтобы создать иконку для Вашего сайта, нужно найти подходящее изображение, которое было бы различимо при небольшом размере. И разместить ее в ввиде файла "favicon.ico" в корневом каталоге сайта, так как исторически сложилось, что там его ищет Internet Explorer. Обычно используется изображение размера 16×16 пикселов формата ICO.
Для обеспечения совместимости (например, была замечена проблема с браузером Opera) нужно использовать размеры изображения 16 на 16, с числом цветов 16 или 256. Конечно же, формат Windows Icon, в которое мы преобразуем получившееся изображение, предусматривает и лучшие характеристики иконки. Путь к файлу, его формат и размеры изображения могут быть любыми, допустимыми для WWW (за исключением Internet Explorer, который допускает для значка только формат ICO, «лежащего» в корне сервера). Все современные браузеры понимают явное указание положения значка в HTML-коде и могут использовать вместо формата ICO формат PNG, GIF, BMP и других.
При добавлении картинок в иконку следует помнить, что большая иконка может тормозить загрузку сайта, потому что иконка загружается одной из первых.
Значок может быть не только отображением какого-либо определенного логотипа. Значок — это прежде всего обширная идея, которую надо засунуть в рисунок размером 16×16 пикселей.
