Что такое Favicon? Зачем он и как его установить на сайт?
Опубликовано 2 октября 2008 года в рубрике Веб-мастерам
693 раз(а)Знаете ли Вы, что такое favicon и как его использовать себе во благо? Если нет, то эта информация для Вас 
Favicon – это такой небольшой значок, 16х16 пикселей, который появляется в строке браузера, рядом с адресом сайта. Казалось бы, небольшой элемент, который служит простым украшением и не выполняет никакой практической функции. Но такое суждение ошибочно.
Favicon у сайта – это, как платок, торчащий из нагрудного кармана пиджака. Если его нет, навряд кто-то заметит, а если есть – это подчеркнет Вашу элегантность, выделит из толпы и заставит запомнить. Согласитесь, в платке нет ничего неординарного, обыденная вещь, но каков результат он производит на общественность! Нет-нет, если у Вас будут грязные туфли или помятый пиджак, то от платка не будет толку…
Точно так же обстоят дела на просторах Интернета, если у Вас корявый и неприятный сайт, то никакой favicon не спасет.
Изначально favicon’ы использовал Microsoft Internet Explorer для закладок. И таким образом можно было считать, какое количество посетителей отправляет страницы сайта в избранное. Сейчас он получил более широкое применение, например, его отображают поисковики. Для старых браузеров favicon’ы создавались в формате ico. Отсюда и название favicon – сокр. от англ. FAVorites ICON — «значок для избранного», от названия папки с закладками в MSIE. Как правило их и сейчас делают в этом формате, но новые браузеры поддерживают favicon’ы в форматах gif и png.
Favicon можно нарисовать самому или найти готовый в Сети. Но последнего я настоятельно не рекомендую делать. Представьте, что у Вас из кармана будет торчать носок или платок, но которым на протяжении недели пользовался весь отдел. Или другой вариант – платок никаким образом не сочетается по цвету и качеству ткани с остальной одеждой.
У каждого сайта favicon должен быть свой. Если Вы не умеете рисовать, закажите его профессионалу или зайдите на любой форум посвященный Photoshop и в разделе «помощь» попросите оказать такую услугу.
А можно обойтись и без этого. Нужно просто взять картинку, которую Вы бы хотели видеть в качесвте своего favicon’а, зайти на сайт http://favicon.ru/ и загрузить ее на сервер. В течении нескольких секунд Вам предоставят готовый значок для скачки и дальнейшего использования.
Для того, чтобы favicon отображался в строке браузера, его нужно закачать в корневую папку сайта, а в код, внутри тегов <head> </head>, вставить следующий код:
<link rel=»icon» href=»/favicon.ico» type=»image/x-icon»>
<link rel=»shortcut icon» href=»/favicon.ico» type=»image/x-icon»>
На этом все. Вот такой не хитрый способ, чтобы выделить свой уникальный сайт из серой кучи чужих проектов. Надеюсь, данная информация оказалась Вам полезной и Вы найдете ей практическое применение.
Что скажете?
Похожие материалы:
19 Комментариев к теме
“Что такое Favicon? Зачем он и как его установить на сайт?”
Почему-то http://favicon.ru/ сохраняет совершенно левую иконку.
Да и вообще в последнем firefox не работает. Сам не могу понять почему. Я даже сотворил свою собственную favicon.gif – все равно…
Ну ничего будем рыскаться. теперь я хоть знаю как это штука называется. Спасибо за инфо.
Серж, не один раз пользовался этим сервисом, все получалось, попробуйте еще раз. Может Вы не тот рисунок по ошибке вставили?
А если не отображается на сайте, то попробуйте обновить или посмотрите в другом браузере, бывает, что закешируется страница без фавикона и он не показывается
Причём не обязательно вставлять код. Достаточно забросить в корневую папку, т.к. современные браузеры в состоянии самостоятельно найти иконку.)
Современные – да, а старенькие не очень
я тоже не везде вставляю, но это не так сложно сделать, дабы избавиться от лишних проблем
kitten.hardgame.ru/2008/10/11/ssylkopad/
Участвую в обмене ссылками
http://www.favicon.cc
my choise
=) вот этим сервисом, вобщем, я делаю себе все фавиконы.
Kisuhvostik, ок, в одном из следующих постов сошлюсь
AlexNote, отличный сервис, огромное спасибо за ссылочку. Уверен, что это пригодится многим
Спасибо за подробные инструкции. Давно надо было сделать фавиконы на всех своих блогах – как-то всё забывал. Сейчас буду делать:)
Всегда пожалуйста
Правильно, сайт без фавикона – это не есть хорошо
А как избавиться от напасти пропадания прозрачности фавиконки в яндексе??
Мария, если такая проблема существует, то ответ на этот вопрос может дать только сам Яндекс. Там фавиконс часто вообще в результатах поиска не отображаются. Сайт большой и сложный, за всем не уследишь
а кто-нибудь знает он-лайн прогу,чтоб фавикон 64х64 делать?
Расскажите а как установить favicon картинку в блог например ЖЖ ?
Куда там ставить код?
Копался, так и не нашел.
Boris, никогда ЖЖ не пользовался, не знаю
Делал и переделывал столько раз, что не сосчитать – не идет.
Интересный русскоязычный сервис по созданию Favicon
http://www.favicon.erus.info/
Позволяет создавать анимированные иконки и со скроллинг-текстом
Друзья как вставить фавикон в гостевую книгу на Борда.ру ?????
До сих пор у моего блога фавикона не было, но благодаря этому посту я восполнила досадное упущение
Спасибо за полезную информацию.
[...] 3. Фавикон – маленький графический значок, который помогает выделиться вашему сайту из сотни других. Он выполняет такую же функцию, как лейба Nike или Adidas на футболке. Но, к сожалению, далеко не все понимают выгоду в его использовании. Можете более подробно узнать, что такое favicon и как его установить. [...]