Атрибут srcset

Оновлено: 17.07.2022

Атрибут srcset

Список з одного або декількох рядків, розділених комами, що вказують набір можливих зображень для відображення у браузері. Кожен рядок може складатися з таких частин:

  • адреса зображення;
  • дескриптор ширини, який є цілим додатнім числом, за яким слідує w (наприклад: 600w). Дескриптор нагадує браузеру, для якої контрольної точки використовувати це зображення;
  • дескриптор щільності пікселів є додатнім десятковим числом, за яким відразу слідує х.

Кожен рядок у списку повинен містити принаймні дескриптор ширини чи щільності пікселів.

Браузер вибирає найбільш потрібне зображення для відображення в даний момент часу.

Атрибут srcset має ефект лише тоді, коли елемент <source> розташований безпосередньо всередині елемента <picture>.

Значення за замовчуванням

Немає.

Приклад

Браузери

source:srcset

Переглянути сумісність з Can I use?

source:srcset