Как поставить favicon.ico на сайт

Как поставить favicon.ico на сайт

Солнце, как иконка

Здравствуйте, уважаемые читатели!

Надеюсь, что многие из вас знают, что такое Favicon. Для тех, кто не знает, напомню: Favicon – это картинка, которая отображается перед адресом сайта в браузере или у сайта, находящегося в “Избранном” или в “Закладках”.

Стандартные размеры изображения не превышают 16х16 пикселей, расширение картинки – ICO (картинка.ico). Но использование изображений в формате ICO не обязательно, так как браузеры распознают любое расположение значков в HTML-коде, поэтому смело можете брать картинки с любым расширением. Не надо забывать, что favicon.ico нужно помещать именно в кореневую папку сайта.

Favicon моего сайта

На сегодняшний день остался лишь один браузер - 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.

Дискуссия по теме