Фавикон (favicon – от англ. favorite icon) — картинка для сайта или блога, является своеобразным логотипом вашего сайта, интересным элементом веб-дизайна.
Эта картинка, которую часто называют – иконкой или фавиконкой, стоит перед адресом сайта в браузере. По умолчанию иконкой сайта отображается значок браузера.
Но если сделать оригинальную иконку для своего сайта, то она выделит ваш сайт из массы других сайтов, позволит легко находить ваш сайт в Закладках,  красивая картинка отлично запоминается посетителями сайта, значит  ваш сайт запомнят.
Например, вот как это выглядит на моем сайте:

Как сделать favicon из готового изображения

Картинку для фавиконки можно нарисовать самостоятельно с помощью, например, Photoshop или найти в интернете.
Если у вас есть подходящая картинка и вы хотите сделать ее иконкой для своего сайта, используйте сервис для создания фавиконок http://favicon.ru/.
Вот как это можно сделать:
1. Загружаем страничку сервиса и для выбора картинки нажимаем кнопку «Обзор»

2. Выбираем картинку и нажимаем кнопку «Создать favicon.ico».
3. Когда картинка вставится, можно сразу увидеть, как она будет выглядеть на сайте.

Если полученная иконка понравилось, то нажимаем на ссылку «Скачать favicon.ico» и получаем файл с готовой иконкой favicon.ico. Если что-то не устраивает, то нажимаем кнопку «Создать еще одну иконку» и повторяем действия.
Совет: размер фавиконки очень маленький — 16X16 px   и поэтому, для её создания надо выбирать (или создавать) самые простые картинки,  чтобы мелкие детали не размывались.

Как  установить иконку

Для установки иконки на ваш сайт действуем согласно инструкции на сайте favicon.ru:
Копируем файл с иконкой в корневой каталог вашего сайта (там, где лежат файлы index.php или index.html) и прописываем в файл header.php, внутрь секции < head > (перед закрывающим тегом </head> ):

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

Строка с записью «shortcut icon» устанавливает иконку, которую показывает браузер в адресной строке.

А строка с запись  «icon» устанавливает другую иконку,  с которой будет создана ссылка на ваш сайт, сохраненная в Windows.

Для сайтов на WordPress, секция head находится в файле header.php текущей темы.
Вот и все,  иконка  готова.

Для поиска готовых иконок можно найти много сервисов в интернете, например:
http://www.iconj.com/gallery.php —  большая база фавиконок.

Несколько слов об отображении фавиконок браузерами.

Последнии серсии современных браузеров –Firefox, Chrome, Opera, IE  и  др. поддерживают  favicon.ico,   старые версии браузеров, особенно  IE,  с фавиконками «не дружат».

Tags: , ,

Leave a Reply

You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>