Фавикон (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: favicon, иконка для сайта, фавикон