Что такое файл favicon.ico

---

Что такое файл favicon.ico

Фавикон (favicon) - это сокращение от слов “favorite” (любимый) и “icon” (иконка) - маленькое изображение в формате ICO размером 16х16 пикселов.
Применяется для “самовыражения” сайтов. Как правило, отображается в адресной строке и на вкладках браузеров.
Также фавикон может быть полезен для быстрого определения нужного сайта в закладках.
Некоторые поисковые системы (например Яндекс) и каталоги сайтов также используют фавиконы сайтов в результатах поиска (списках сайтов).
По умолчанию в качестве иконки сайта отображается значок браузера.
Иконка сайта - отличительная черта вашего сайта, она позволит выделить сайт из массы ему подобных.

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

Создайте файл favicon.ico с помощью любого редактора иконок.
Название готового файла должно быть только favicon.ico
Загрузите иконку в основную (корневую) — предпочтительнее — или в любую другую папку вашего сайта.
Добавьте следующие строки в каждую страницу вашего сайта между тегами head и /head (не обязательно):

<link rel="icon" href="/favicon.ico" type="image/x-icon">
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">

На сегодняшний день Internet Explorer - это единственный браузер,
который показывает иконку сайта только если сайт добавлен в "Избранное".

Бесплатные генераторы фавиконок

1. Favicon.ru - русскоязычный сервис.
Кроме фавиконки 16х16 сервис “в нагрузку” делает две дополнительные, размерами 32×32 и 48×48 пикселов.
Также favicon.ru имеет некоторые инструменты редактирования изображения.
Похожий сайт - Tools.dynamicdrive.com

2. Favicon.cc - онлайн сервис позволяющий каждому создать свою иконку для сайта.
Интерфейс в стиле Web 2.0, обычные уже социальные приколы, все очень просто, интуитивно понятно и чрезвычайно приятно :)

3. FavIcon from Pics - этот сервис, как и предыдущий, предоставляет услуги по созданию фавикон из готовых изображений, но при этом имеет некоторые оригинальные дополнительные функции.

4. Degraeve.com - что-то похожее на favicon.cc, но без социальной составляющей.
Здесь можно загрузить свой рисунок, а затем отредактировать его в пиксельном редакторе.

5. Antifavicon.com - сайт позволяет легко создавать фавиконки состоящие только из текста.
Несмотря на такое ограничение, подобрав удачные сочетания цветов, можно создать неплохой образец пиксел-арта :)

6. Shaheeilyas.com - еще один попиксельный редактор изображений.
Отличается большим выбором “кисточек”, генерацией набора случайных пикселей (для чего?) и наличием еще некоторых дополнительных инструментов.
К тому же, как мне кажется, имеет самое качественный экспорт больших изображений в маленькие.

7. Converticon.com - название этого онлайн-сервиса говорит само за себя. Все что он умеет это переводить формат PNG в формат ICO, и наоборот.

8. Blogosphera.net - Blogosphera.net не генератор, не редактор и не преобразователь фавиконок.
Но если у вас есть блог (и только блог) и в этого блога есть флавиконка, то можно в довольно оригинальный способ сделать на него ссылку.
Достаточно вставить URL блога в форму и нажать кнопку (она там только одна :).
“Интелектуальная система” проверит действительно ли этот адрес ведет на блог, и добавит его флавиконку в стаю других.