Favicon

Favicon – иконка сайта, выводится во вкладке браузера и поисковой выдаче Яндекса.

Ранее, чтобы прописать иконку для всех бараузеров и поисков использовалась такая конструкция:

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

Сейчас достаточно одного:

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

Предпочтительный формат ICO, но могут быть и другие.

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

Также есть возможность указать иконки разных размеров атрибутом sizes.

<link rel="icon" type="image/png" href="/favicon-16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/favicon-32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/favicon-48.png" sizes="48x48">
<link rel="icon" type="image/png" href="/favicon-96.png" sizes="96x96">
<link rel="icon" type="image/png" href="/favicon-144.png" sizes="144x144">
<link rel="icon" type="image/png" href="/favicon-192.png" sizes="192x192">
<link rel="icon" type="image/png" href="/favicon-194.png" sizes="194x194">
HTML
27.08.2018, обновлено 20.09.2019 50
Предыдущая запись Стиль и размер ReCaptcha
Следующая запись Описание мета-тегов

Поделится

Другие публикации

Турбо-страницы позволяют пользователям посмотреть легкую версию сайта, которая загружается быстрее в десятки раз, а...
20.04.2018 5951
С появлением атрибута download у ссылок, появилась возможность указать браузеру что файл в href нужно сохранить на...
03.03.2019 1411
Сборник рекомендаций по настройке сайта помогающий исключить проблемы при индексировании поисковыми системами.
08.12.2016 1482
Пример подключения ReCaptcha на php сайт, регистрация в API, вставка кода в форму, проверка правильности введенной...
15.02.2017 2068