Автор статьи: Головин Андрей
Наверное вы уже не раз замечали, что ссылки на некоторые сайты, после добавления в “избранное” (Favorites) в Internet Explorer, отображаются не со стандартной иконкой (>) html-документа, а со своей собственной. Один из таких сайтов – сайт Авто Люкс Сервис (). Кроме того, это изображение будет отображено в строке адреса, если сайт загружен из списка “избранное”.
использование данной возможности позволит задержать внимание пользователя на ссылке на ваш сайт, следовательно повысить его популярность.
Процедура создания и использования такого изображения довольно проста. Необходимое изображение хранится в файле favicon.ico, который должен находиться в корне вашего сайта. Рекомендуемые параметры изображения: 16х16 пикселей – размеры; 16 цветов. Однако, можно создавать иконку с размерами 32х32 и 48х48 пикселей. В последнем случае IE сам изменит размеры изображения.
изначально необходимо создать изображение и сохранить его в формате .BMP. Далее необходимо преобразовать формат этого изображения в .ICO. (Вобще-то, Windows может воспринимать в качестве иконок и сами файлы BMP, но для favicon.ico необходим именно этот формат) Для данного преобразования существует множество программ. Например бесплатная программа bmp2ico. Эта незатейливая утилита позволит вам не только преобразовать формат изображения, но и установить прозрачные пиксели.
Если вы хотите создать полноценную иконку, то вам необходимо использовать программу типа Icon Collector Graphic Editor. Кроме стандартных инструментов рисования, данная программа позволяет создавать анимированные иконки, иконки, содержащие варианты изображений с различными размерами и глубиной цвета.
После того, как вы создали файл favicon.ico, поместите его на свою страницу и на этом работа завершена.
Если вы, по каким-либо причинам не можете разместить данный файл в корне своего сайта, то используйте директиву <LINK REL=”SHORTCUT ICON” href=”/your/path/favicon.ico”>. Кроме того, если вы считаете, что пользователь может занести в “избранное” не только корневой URL вашего сайта, то скопируйте файл favicon.ico во все директории сайта.
Перед тем, как протестировать проделанную работу, удалите ссылки на ваш сайт в “избранном”. Если вы не увидите вашего изображения после добавления ссылки в “избранное”, то попробуйте очистить кэш браузера. Если и это не помогло, то проверьте формат, размеры и глубину цвета вашего изображения.
В завершение хочу сказать, что для создания уменьшенной копии (16х16 пикселей) логотипа, не стоит использовать стандартные функции изменения размеров графических пакетов. Попробуйте нарисовать уменьшенное изображение сами с помощью инструментов рисования с размером 1х1 пиксель. Это позволит получить более качественное изображение логотипа.