favicons-140x140Сегодня решил опять затронуть тему про favicon. Рассказать о происхождении и значимости этой самой иконки. В одной из статей я уже рассказывал как создать и вставить фавикон на свой сайт, эта статья скорее дополнение к первой.

Что такое Favicon?

Favicon-это маленькое изображение, отображаемое слева от URL в своем браузере. Основная цель favicon , показать иконку в закладках, когда кто-то оставляет закладку на ваш сайт, что она выделяется в закладках. Favicons также отображается в браузерах, поддерживающих просмотр с вкладками (Большинство современных браузеров), чтобы помочь вам сделать различие между каждой вкладкой. Посмотрите на скриншот, думаю вы легко узнаете все эти вкладки на моем браузере, благодаря отображаемому фавикону во вкладках.

favicons_vkladki

Первая Реализация Favicons

Первая реализация favicons была в Internet Explorer 4, и она требует от вас, чтобы загрузить файл изображения favicon.ico в корень вашего веб-сервера, который бы, в свою очередь, загрузил изображение в разделе закладки в IE4. После другие браузеры приступили к реализации favicons.

Правильный Способ Связать Favicon

После того, как favicon развивался и набрал обороты, стало легко связать отдельные изображения favicon в отдельные HTML-страницы в закладках браузера. Ниже привожу пример, как нужно правильно ставить ссылку на Favicon.
[code type=»markup» linenums=»1″]link rel=»icon» href=»/favicon.ico» type=»image/x-icon»[/code]

Favicon Ресурсы

Если вы не владеете графическими программами, то фавикон можно создать на одном из ниже приведенных ресурсов.

  • http://tools.dynamicdrive.com/favicon/
  • http://www.favicon.cc/

Теперь у вас есть знания по истории и значении Favicon.