Применение в оформлении сайта небольших иконок, отображаемых перед наименованием ресурса в строке браузера, окне поисковой системы либо списке избранных ресурсов, позволяет существенно повысить посещаемость сайта. Именно поэтому большинством веб-дизайнеров принимается решение установить фавикон на разрабатываемый сайт.
При этом, в процессе работы ресурса, может возникнуть необходимость замены существующего логотипа на другой. Для этого желательно знать, как поменять фавикон.
Как поменять фавикон
Наиболее простым способом поменять фавикон является замена существующего файла логотипа на другой, с идентичным названием и разрешением. Затем необходимо обновить кэш веб-сервера, после чего при открытии сайта в браузере должен отображаться новый логотип.
В зависимости от того, на какой именно тип планируется поменять фавикон, потребуется учитывать специфику браузеров, в которых будет открываться редактируемый сайт.
Например, для браузера Mozilla существует возможность использования анимированных фавиконов.
Чтобы улучшить впечатление от сайта, можно в файле index.php прописать код, допускающий установку неподвижного либо анимированного фавикона в зависимости от наличия возможности воспроизведения анимированных изображений в браузере пользователя.
Для этого в файле index.php находим тег <head>.
Добавляем сразу после данного тега код, определяющий расположение файлов с фавиконами.
После этого код будет иметь следующий вид:
<html><head>
<link rel=»shortcut icon» href=»/favicon.ico» type=»image/x-icon»>
<link rel=»shortcut icon» href=»/favicon.gif» type=»image/gif»>
<meta http-equiv=»content-type» content=»text/html; charset=UTF-8″>
Значения строк в данном коде следующие:
<link rel=»shortcut icon» href=»/favicon.ico» type=»image/x-icon»> — определяет расположение неподвижного фавикона для браузеров, не поддерживающих анимацию.
<link rel=»shortcut icon» href=»/favicon.gif» type=»image/gif»> — определяет место расположения анимированного фавикона.
После этого необходимо в редакторе сайта запустить шаблон автозамены тега <head> на участок кода, приведенный выше, и включающий сам тег <head> две строки кода, следующие за ним.
После этого отображение фавикона будет реализовано при открытии любого из участков сайта.
Таким образом, можно заменить обычный неподвижный фавикон на анимированный вариант. При этом, отображение анимированной картинки будет осуществляться только в браузерах, поддерживающих данную функцию. В остальных будет отображаться стандартный неподвижный фавикон.