02.10.08
Метки: веб-дизайн
Знаете ли Вы, что такое 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">
На этом все. Вот такой не хитрый способ, чтобы выделить свой уникальный сайт из серой кучи чужих проектов. Надеюсь, данная информация оказалась Вам полезной и Вы найдете ей практическое применение.
Что скажете?
Popularity: 1%
Почему-то favicon.ru сохраняет совершенно левую иконку.
Да и вообще в последнем firefox не работает. Сам не могу понять почему. Я даже сотворил свою собственную favicon.gif — все равно...
Ну ничего будем рыскаться. теперь я хоть знаю как это штука называется. Спасибо за инфо.
Серж, не один раз пользовался этим сервисом, все получалось, попробуйте еще раз. Может Вы не тот рисунок по ошибке вставили?
А если не отображается на сайте, то попробуйте обновить или посмотрите в другом браузере, бывает, что закешируется страница без фавикона и он не показывается
Причём не обязательно вставлять код. Достаточно забросить в корневую папку, т.к. современные браузеры в состоянии самостоятельно найти иконку.)
Современные — да, а старенькие не очень
я тоже не везде вставляю, но это не так сложно сделать, дабы избавиться от лишних проблем
kitten.hardgame.ru/2008/10/11/ssylkopad/
Участвую в обмене ссылками
www.favicon.cc
my choise
=) вот этим сервисом, вобщем, я делаю себе все фавиконы.
Kisuhvostik, ок, в одном из следующих постов сошлюсь
AlexNote, отличный сервис, огромное спасибо за ссылочку. Уверен, что это пригодится многим
Спасибо за подробные инструкции. Давно надо было сделать фавиконы на всех своих блогах — как-то всё забывал. Сейчас буду делать:)
Всегда пожалуйста
Правильно, сайт без фавикона — это не есть хорошо
А как избавиться от напасти пропадания прозрачности фавиконки в яндексе??
Мария, если такая проблема существует, то ответ на этот вопрос может дать только сам Яндекс. Там фавиконс часто вообще в результатах поиска не отображаются. Сайт большой и сложный, за всем не уследишь
а кто-нибудь знает он-лайн прогу,чтоб фавикон 64×64 делать?
Расскажите а как установить favicon картинку в блог например ЖЖ ?
Куда там ставить код?
Копался, так и не нашел.
Boris, никогда ЖЖ не пользовался, не знаю
Делал и переделывал столько раз, что не сосчитать — не идет.
Интересный русскоязычный сервис по созданию Favicon
www.favicon.erus.info
Позволяет создавать анимированные иконки и со скроллинг-текстом
Друзья как вставить фавикон в гостевую книгу на Борда.ру ?????
До сих пор у моего блога фавикона не было, но благодаря этому посту я восполнила досадное упущение
Спасибо за полезную информацию.
[...] 3. Фавикон – маленький графический значок, который помогает выделиться вашему сайту из сотни других. Он выполняет такую же функцию, как лейба Nike или Adidas на футболке. Но, к сожалению, далеко не все понимают выгоду в его использовании. Можете более подробно узнать, что такое favicon и как его установить. [...]
Спасибо за инструкцию.
Надо сделать.:)
Спасибо! Попробовал все это сервисы,но мне не нравится как они делают фавиконы что-то некрасиво получается! И все таки мое решение делать самому в фотошопе научиться недолго ибо в инете много инфы по данной теме!
[...] недавно мало кто уделял внимание фавиконам, а сейчас, если у сайта его нет, то о сайте складывается [...]
А нельзя для особо одаренных объяснить по подробнее. Куда и чего впихивать? У меня вордпрес и я не соображаю что и за чем. Фавикон сделала
А куда же подробнее? =)
Пост и комментарии, мне кажется, раскрыли тему полностью.
Сделали фавиконку, залили её на сайт, в корневую папку и всё, вот вам счастье
Спасибо за информацию, только почему то не получилось вставить фавикон на WP