Как добавить Favicon?

3 ноября 2014 г. Просмотров: 266

Favicon (Favorite Icon) - это квадратная иконка со стороной в 16 пиксел, которую браузер посетителя страницы сайта отображает в адресной строке. Если страницу добавить в избранное, то картинка будет отображаться и там. Кроме того, favicon присутствует в поисковом списке сайтов Яндекса. Все это в комплексе может быть весьма полезно для привлечения внимания к сайту.

Инструкция

  • Создайте иконку, ссылку на которую надо будет поместить в страницы сайта. Для этого подойдет любой графический редактор. Используйте размер 16 на 16 пиксел - некоторые браузеры могут работать и с иконками больших размеров, но лучше все же охватить по возможности наибольшее число веб-серферов.
  • Сохраните подготовленное изображение в формате ico. Современные браузеры смогут понять favicon в файлах с расширением gif, png, bmp и т.д., но для охвата максимального количества модификаций браузеров лучше использовать родной формат иконок этого типа. Если ваш графический редактор не поддерживает формат ico, то можно сохранить его, например, в формате gif, а затем конвертировать в ico при помощи какого-либо из онлайн-сервисов. В сети можно найти и сервисы, которые предложат вам полный цикл создания иконки в режиме онлайн непосредственно в браузере.
  • Загрузите иконку на сервер вашего сайта и сохраните в файл с именем favicon.ico - это имя все модификации браузеров понимают одинаково, хотя некоторым из них название не важно. Если в коде страницы нет указания адреса этого файла, то браузеры и поисковые роботы по умолчанию ищут ее в корневой папке сайта, поэтому лучше всего поместить файл именно туда.
  • Вставьте в исходный код страниц HTML-теги с указанием на загруженный файл. Для Internet Explorer этот тег должен выглядеть так:Для остальных браузеров его следует писать иначе:Добавьте обе строки, чтобы обеспечить кроссбраузерность. Если файл был помещен не в корневую папку, то в атрибуте href укажите полный путь к месту его размещения. Вставить эти строки следует в заголовочную часть веб-документа, то есть между тегами и .
  • Оцените статью!