12 Апр, 2019

Код вставки favicin.ico на сайт

Как добавить иконку сайта в адресную строку браузера? Сейчас мы с вами этому научимся.

При загрузке сайта, в адресной строке браузера или в вкладке браузера, можно иногда увидеть небольшую картинку примерного размера 16х16, которая связана с тематикой сайта. Тот же рисунок отображается рядом со ссылкой при добавлении ее в закладки браузера. У нас например отображается буква W

Фавикон сайта wmzo.ru

У кого то другая картинка и т.д. Мы не будем подробно рассписывать где и как сделать данную картинку, мы покажем как ее добавить на сайт.

Файл не обязательно должен располагаться в корне сайта, но тогда следует указать браузеру, где он находится. Это делается через тег , как показано ниже.

<head>
 <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon">
</head>

Атрибут href задает расположение и имя файла.

Формат рисунка не обязательно должен быть ICO, также допускается использование GIF и PNG. При этом необходимо сменить значение атрибута type на image/gif или image/png, в зависимости от типа изображения.

<head>
 <link rel="shortcut icon" href="/images/favicon.png" type="image/png">
</head>

ВАМ ПОНРАВИТЬСЯ

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *