Ваша иконка у посетителя в "Избранном"

Вступление ::. Кто-нибудь натыкался на такие сайты, при добавлении которых в "Избранное" напротив них стоит не стандартная иконка Internet Explorer, а своя, собственная, нарисованная владельцем добавленного сайта? Вижу, вижу, многие поднимают руки... Так вот сегодняшняя заметка именно об этом.

Это просто ::. Так вот. Увидев подобную иконку у себя в "Избранном", пользователь, возьмет, да и удивится профессиональности веб-мастера, который так лихо заботится о привлечении внимания к своему сайту. На самом то деле, все выглядит гораздо проще, нежели кажется. Сейчас я расскажу, как сделать подобную примочку у себя на сайте...

favicon.ico ::. Прежде всего нужно эту самую иконку нарисовать. А размером она должна быть ровно 16х16 пикселей. Хотя, explorer без труда переварит и 32х32 и 48х48 пикселей, просто сжав их до шестнадцати при загрузке. Только помните, что у вас в распоряжении всего 16 цветов, так что не особо "развлекайтесь" с плавными переходами на изображении. Итак, изображение создано, но не торопитесь его сохранять в ваши любимые Gif или Jpeg. Расширение она должна иметь .ico Для этого первоначально можно нарисовать иконку в формате BMP, а потом, каким-нибудь конвертером форматов (которых сейчас великое изобилие) перевести картинку из формата BMP в ICO. Простым переименованием файла вы ничего не добьетесь. Вернее, добьетесь, но такую картинку браузер не поймет. Но и это еще не все, название иконки должно быть favicon.ico И не забывайте о "шестнадцати цветах" - это наиболее распространенная ошибка тех, кто пытается эту примочку реализовать у себя.

Собственно, вот оно и все. Заливаете себе иконку на сервак в корневую директорию и с этих пор, Internet Explorer сам найдет эту иконку в случае, если ваш сайт удостоится попасть в "Избранное".

Хотелось бы заметить, что не все сервера изначально "понимают" эту иконку. Для того, чтобы не возникало проблем, убедитесь, что настройки сервера позволяют пользоваться favicon.ico

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

<LINK REL="SHORTCUT ICON" HREF="http:/ваш_сайт.ru/favicon.ico">

И все дела ::. Все, отныне ваша иконка будет красоваться в папке "Избранное" напротив названия вашего сайта у пользователей, которые, соответственно, добавят сайт себе на заметку в "Избранное" и, возможно, забыли бы о нем. Ан нет. Теперь не забудут. Иконка эффектно отличается на фоне стандартных картинок Internet Explorer`а и это еще один повод напомнить пользователю о своем сайте...

На заметку

favicon - Favorite Icon

Ограничения, которые накладываются на иконку favicon.ico :

1) Размер 16х16 (32х32 или 48х48 пикселей)
2) Цветовая палитра иконки: 16 цветов
3) Вес иконки не превышает 1,046 кб

Автор: Кушнерук Денис
Материал сайта: MasterWeb - наковальня web-мастера

В раздел "Web-дизайн" | В раздел "Статьи" | Наверх страницы