Favicon.ico – всё об этом странном слове

Если говорить коротко, то Favicon это иконка сайта.
Но вот важна ли она?
И что лучше:
Найти в Интернете готовую или же нарисовать её самому?
И как это отразится на сайте?
На эти вопросы я и попытаюсь ответить в этой статье.

На моём сайте Favicon выглядит таким вот образом:

Вы можете видеть Favicon как в закладках:

Так и непосредственно в открытых вкладках (в браузере):

Для чего это нужно:

- узнаваемость вашего сайта;
- частичная передача тематики;
- для красоты;

Это основные цели, для которых нужен Favicon, теперь немножко подробнее о каждом из этих пунктов:

- Узнаваемость:
Если пользователь добавит сайт в закладки, то ему будет легче найти ваш сайт в списке своих закладок именно по Favicon.
А так же если пользователь недавно был на вашем сайте, и он зайдёт на него ещё раз, через некоторое время (допустим дизайн вашего сайта к тому времени изменился).
То он узнает ваш сайт и вспомнит:
полезны ли были для него материалы, которые он искал на нём в прошлый раз.

- Частичная передача тематики:
Favicon так же служит для частичной передачи тематики.
Как только пользователь зайдёт на ваш сайт он тут же может узнать, о чём он.
Если Favicon – автомобиль, то пользователь поймёт:
«Сайт автомобильной тематики», если же Favicon – доллар, то пользователь поймёт:
«Сайт о заработке».
Но, к сожалению вебмастера иногда ставят Favicon не по тематике сайта, например, иногда на сайтах автомобильной тематики вместо Favicon – машинки, стоит Favicon – собака.
И это может запутать пользователей.
Лично я рекомендую вам всегда использовать тематические Favicon.

- Красота:
Ну и естественно Favicon это всегда большой «+» к вашему дизайну.

Теперь о выборе Favicon.

Что же лучше:
Создать самому или использовать готовую?

Конечно, намного лучше это создать самому.

Это очень просто, вот небольшой урок от меня (Photoshop):

1) Создаём новый файл размером 16х16.

2) Рисуем квадрат:

3) Рисуем морду:

Вот и всё!
Favicon – готова!

Конечно, я нарисовал простейшую Favicon, но это неважно.
Главное она будет уникальна и другой такой ни у кого не будет (пока не стырят).
Например, Favicon которую вы можете видеть на моём сайте я создал сам.

Хотя есть ещё один вариант создания Favicon, делается это так:

1) Находим в Интернете любое изображение.
2) В Фотошопе уменьшаем его размер до 16х16 пикселей.

По сути, мы просто переводим понравившееся нам изображение в Favicon.

Обратите внимание, что сохранять ваш Favicon нужно вот так:

Favicon.ico

Если вы не можете или у вас не получается сохранить Favicon в формате .ico.
То вы можете сделать следующее:

1) Сохраняем Favicon в формате .gif
2) Открываем файл-менеджер, например Total Commander или FileZilla
3) находим наше сохранённое Favicon-изображение и меняем формат с .gif на .ico.

Вот и всё!

Чтобы загрузить на сайт Favicon – залейте файл Favicon.ico в корневую папку вашего сайта.
Например:
www/blog-kota.ru/favicon.ico

Теперь о том, как же Favicon поможет сайту:

Если честно то никак

Да – пользователям будет легче узнавать ваш сайт в закладках.
Да – Favicon будет выводиться в результатах поиска.
Да – Favicon придаст вашему сайту изюминку.
Да – Favicon это красиво.

Но особо Favicon сайту не поможет, например посещаемость он точно не даст.
Хотя, по моему мнению, Favicon это важная часть любого дизайна.
А добавлять на свой сайт Favicon или нет – решать вам!
Искренне ваш «Мудрый кот».