Москва, Большой Каретный переулок, д.2. Пн-Пт: 09:00 – 21:00, Сб-Вс: 10:00 – 17:00
+7(495)135-23-45
Москва, Большой Каретный пер., д. 2.
Пн-Пт: 09:00 – 21:00,
Сб-Вс: 10:00 – 17:00

Создаем иконку для сайта favicon.ico

Favicon.ico - это небольшая картинка в формате ico, которая отображается рядом с url-адресом сайта в адресной строке. О том, как создать иконку для сайта и пойдет речь в данной статье.

Вообще, иконка сайта - важный элемент современного веб-дизайна. Фавикон бросается в глаза и позволяет сделать ссылку на ваш сайт более заметной в поисковой выдаче, а значит повышает кликабельность. Плюс ко всему иконка позволяет сайту быть заметным в закладках и в "Избранном", выглядеть стильно и современно даже в адресной строке.

По умолчанию в качестве иконки сайта отображается значок браузера. Но этот значок можно заменить на свой. Чем мы, собственно, и займемся.

Звоните: +7(495)135-23-45
Бесплатная диагностика! Всегда!
Онлайн заявка

Вот как выглядит адресная строка браузера по умолчанию:
адресная строка браузера

А вот как будет выглядеть адресная строка браузера с favicon.ico:
строка браузера с иконкой favicon

Как вы видите стандартную иконку браузера я заменил на свою - в данном случае на ноутбук. А вот как выделяется сайт в закладках:

отображение иконки favicon в закладках

favicon

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

как сделать иконку для сайта favicon.ico

На этом все. Удачных Вам экспериментов!

Онлайн диагностика ноутбука
Выберите вид неисправности:
Мастер свяжется с вами в течении 5 минут в рабочее время
Нажимая кнопку, я подтверждаю, что согласен с политикой обработки персональных данных.

Популярные статьи:


Заявка на ремонт ноутбука
Нажимая кнопку, я подтверждаю, что согласен с политикой обработки персональных данных.
Свидетельство
+7(495) 135-23-45