Поменять иконку сайта

Материал из Umicms
Версия от 11:03, 31 мая 2018; Vitaliks (обсуждение | вклад) (Новая страница: «'''Актуально для версии 18.''' == Задача == <p> Поменять иконку сайта (favicon), которая отображается…»)
(разн.) ← Предыдущая | Текущая версия (разн.) | Следующая → (разн.)
Перейти к:навигация, поиск

Актуально для версии 18.

Задача

Поменять иконку сайта (favicon), которая отображается браузером в качестве картинки рядом с закладкой, во вкладках и в других элементах интерфейса.

Решение

Большинство современных браузеров не требуют указания ссылки на иконку в коде страницы и в случае его отсутствия берут favicon.ico из корня сайта. Существует несколько способов установить иконку для сайта.

Первый способ

Загрузить в корень сайта файл с именем favicon.ico с новой иконкой. Иконка применяется ко всем подстраницам сайта если на этих страницах иконка не указана другим способом.

Второй способ

Явно указать местоположение файла иконки в коде страницы. Для этого внутhи элемента <head> страницы необходимо разместить следующий код:

<link rel="icon" type="image/ico" href="favicon.ico" />

Атрибут href содержит абсолютный или относительный URL к файлу иконки. Форматом файла так же может быть png или gif, размером 16x16 или 32x32 и с 8-битной или 24-битной глубиной цвета. При этом атрибут type должен содержать MIME-тип формата (например, image/png для PNG).


Внимание

При смене иконки браузер может довольно долго сохранять в кэше предыдущую версию изображения. Для того, чтобы увидеть изменения, полностью очистите кэш вашего браузера или откройте ваш сайт в другом браузере. Поисковые системы также могут закэшировать иконку, и она сменится при следующей переиндексации вашего сайта. Это обычно занимает от 2 до 4 недель.