Здравствуйте, уважаемые читатели!
Надеюсь, что многие из вас знают, что такое Favicon. Для тех, кто не знает, напомню: Favicon – это картинка, которая отображается перед адресом сайта в браузере или у сайта, находящегося в “Избранном” или в “Закладках”.
Стандартные размеры изображения не превышают 16х16 пикселей, расширение картинки – ICO (картинка.ico). Но использование изображений в формате ICO не обязательно, так как браузеры распознают любое расположение значков в HTML-коде, поэтому смело можете брать картинки с любым расширением. Не надо забывать, что favicon.ico нужно помещать именно в кореневую папку сайта.
На сегодняшний день остался лишь один браузер - Internet Explorer, который отображает иконку лишь в том случае, когда сайт добавлен в «Избранное» (Закладки). По словам разработчиков, в новых версиях данный недочет исправят. Чтобы привязать иконку, нужно использовать код:
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
Он прописывается между тегами <head></head> в файле шаблона (например, для CMS WordPress этот код пишется в файле header.php).
Для создания иконок сайта существует множество программ, таких, как Microangelo, Axialis IconWorkshop. Также для пользователей Photoshop существует специальный плагин IconBuilder-XP100.