Как установить favicon
Favicon это так называемая иконка сайта, представляющая собой небольшую картинку размером 16x16 пикселей. Иконка отображается во вкладке, рядом с названием страницы. Благодаря оригинальной иконке, ваш сайт станет узнаваемым для пользователей, ориентируясь между вкладками им больше не нужно читать название или ссылку, достаточно просто посмотреть на значок. Тем более многие системы поиска могут отображать такие изображения напротив поискового результата, что опять же облегчит поиск вашего ресурса. Для установки favicon на свой сайт вам потребуется изменить исходный html код страницы.
Выбор и редактирование файла
Самый первый и важный шаг - это создание или поиск картинки, подходящей тематике вашего сайта, это может быть какой-либо логотип. При необходимости, отредактируйте изображение, его размеры должны быть 16x16 точек, а расширение должно иметь формат .ico. Если картинка будет использовать неверный формат, то иконка отображаться не будет. Если же картинка имеет иные размеры чем в требованиях, то браузер будет вынужден самостоятельно изменять ее параметры, что плохо отразится на скорости работы страницы.
Создать изображение необходимого размера можно с помощью любой программы для редактирования изображений. Такие программы не всегда имеют функцию сохранения в .ico, в этом случае сохраните изображение в любом формате, а затем конвертируйте с помощью онлайн конвертера изображений.
Установка favicon
После создания графического файла, необходимо выполнить следующее:
- Переместите или скопируйте иконку в одну директорию с файлом html.
- Откройте html файл в любом текстовом редакторе.
- Внесите изменения в дизайн страницы, прописав код для отображения иконки.
- Сохраните все внесенные изменения.
Затем вы можете открыть страницу в браузере и наблюдать появившееся в заголовке страницы изображение.
Если ваш браузер не отображает иконку, но при этом вы правильно ввели код и поместили картинку с нужным расширением в нужную директорию, это может означать что браузер кэшировал предыдущую версию страницы. Для корректного отображения вам нужно очистить кэш браузера, после чего обновите страницу.
Обратите внимание, что некоторые браузеры имеют функцию автоматического поиска нужной иконки в каталоге с html кодом. Но для правильной работы во всех программах просмотра страниц, вам придется ввести в html файл точный путь к изображению.
