Создаем иконку для сайта favicon.ico
Favicon.ico - это небольшая картинка в формате ico, которая отображается рядом с url-адресом сайта в адресной строке. О том, как создать иконку для сайта и пойдет речь в данной статье.
Вообще, иконка сайта - важный элемент современного веб-дизайна. Фавикон бросается в глаза и позволяет сделать ссылку на ваш сайт более заметной в поисковой выдаче, а значит повышает кликабельность. Плюс ко всему иконка позволяет сайту быть заметным в закладках и в "Избранном", выглядеть стильно и современно даже в адресной строке.
По умолчанию в качестве иконки сайта отображается значок браузера. Но этот значок можно заменить на свой. Чем мы, собственно, и займемся.
Вот как выглядит адресная строка браузера по умолчанию:
А вот как будет выглядеть адресная строка браузера с favicon.ico:
Как вы видите стандартную иконку браузера я заменил на свою - в данном случае на ноутбук. А вот как выделяется сайт в закладках:
Размер иконки составляет 16 на 16 пикселей. В интернете существуют множество online сервисов, где вы можете создать любую иконку из своего изображения. Либо можно воспользоваться бесплатной программой для их создания - IcoFX. Интерфейс её весьма прост. По умолчанию установлен английский язык, но в языковой поддержке имеется и русский, выбрать который можно через Options - Languages - Russian. Описывать программу более подробно не имеет смысла, так как все элементарно: в левой панели выбираем изображение из которого будем делать иконку, указываем цветность True Color и размер 16*16. Затем через Файл - Сохранить как сохраняем полученный файл на компьютер под названием favicon.ico. А для того, чтобы наша иконка отображалась в адресной строке достаточно разместить файл favicon.ico в корневой директории сайта. Еще рекомендуется прописать пару строчек html кода на страницах сайта между тегами head. Ниже привожу пример кода с моего сайта:
На этом все. Удачных Вам экспериментов!
