Атрибут sizes

HTML5

Обновлено: 16.09.2022

Атрибут sizes

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

Синтаксис

<link rel="icon" sizes="<ширина>X<высота>">
<link rel="icon" sizes="<ширина1>X<высота1> <ширина2>X<высота2>* | any">

Значения

Вначале указывается ширина иконки в пикселах без указания единиц (например, 16), затем пишется латинская буква x в верхнем (X) или нижнем регистре (x), после чего идёт высота иконки. Если в файле хранится сразу несколько иконок, можно задавать их размеры через пробел. Ключевое слово any указывает, что иконка может масштабироваться в любой размер, к примеру, если она хранится в векторном формате SVG.

Значение по умолчанию

Нет.

Пример

<!DOCTYPE HTML>
<html>
  <head>
   <metacharset="utf-8">
   <title>link, sizes attribute</title>
   <link rel="icon" href="images/android.ico" sizes="48x48" type="image/x-icon">
   <link rel="icon" href="images/android.png" sizes="16x16" type="image/png">
</head>
  <body>
   <p>...</p>
  </body>
</html>

Браузеры

link: sizes

Посмотреть совместимость на Can I use?

link: sizes