Фавикон — значок на вкладке сайта

favicon ico для сайтаFavicon.ico — это небольшая картинка (значок сайта) в определенном формате, которая появляется слева от адреса вашего ресурса в адресной строке браузера. В закладках вы тоже можете ее увидеть рядом с названием страницы.

Какие ассоциации вызывает иконка?  Скорее всего, это элемент имиджа. В данной статье рассмотрим подробнее что это и способы создания подобной изюминки.

Favicon — это важный элемент современного дизайна. Он позволяет ресурсу быть заметным в закладках.

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

Создаем favicon

Разберем два бесплатных способа создания иконки.

Оффлайн

Можно воспользоваться старым добрым Photoshop. Создать картинку 16*16 и сохранить в формате «favicon.ico». Фотошоп по умолчанию не сохраняет файлы в этом формате, поэтому проследите чтобы расширение было .ico. Допускается и формат .png и .gif.

Онлайн

создать favicon для сайта онлайн

Перейти на сайт Favicon.by и там создать (нарисовать) картинку. Все происходит моментально в режиме онлайн. Элементы и инструменты визуально понятны. Так же есть возможность создать фавикон из любого изображения.

После того как картинка создана, осталось загрузить ее в корень вашего сайта под именем favicon.ico.

Если нет возможности или не хотите помещать в корень сайта, то загружаете иконку куда вам нужно. Но после этого необходимо указать в теге <link> путь к файлу:

<head>
<meta charset=»utf-8″>
<meta name=»robots» content=»index,follow»>
<title>Заголовок страницы</title>
<meta name=»generator» content=»CMS»>
<meta name=»description» content=»описание страницы»>
<link rel=»shortcut icon» href=»/images/favicon.ico» type=»image/x-icon»>
</head>

 /images/ — путь к вашему файлу, у вас может отличаться.

Фавикон и Яндекс

Актуальность иконок для сайтов обуславливается и тем, что в поисковике Яндекс присутствует их показ в выдаче. Для этой цели поисковой машине выделен сервер. Который, вначале ищет иконки, затем преобразует их в формат PNG и заносит в базу данных, с целью экономии места.

Когда пользователь вбивает на клавиатуре поисковый запрос в браузер, в выдаче Яндекса, он видит слева от названия сайта его значок.

Так что не забываем добавить фавикон и на свой сайт. Она придает индивидуальность и узнаваемость, если зацепит своей креативностью.

На этом все, спасибо за внимание. Не стесняемся — спрашиваем, критикуем, дополняем;).

Оценить статью:
1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (2 оценок, среднее: 4,50 из 5)
Posted on

Что говорят о публикации

  1. Фавикон — мелкая, но важная деталь сайта 🙂 Для рисования можно также пользоваться сервисами favicon.ru, favicon.cc (но последней — на английском). Так всё примерно одинаково.

    1. Описал .by, так как последний раз рисовал именно в нем. А так да, все похожи, как братья 🙂

Добавить комментарий

Ваш e-mail не будет опубликован.