Поменять иконку сайта — различия между версиями
Vitaliks (обсуждение | вклад) (Новая страница: «'''Актуально для версии 18.''' == Задача == <p> Поменять иконку сайта (favicon), которая отображается…») |
(нет различий)
|
Версия 11:03, 31 мая 2018
Актуально для версии 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 недель.