Верстка · Middle · Запитання 21 з 75
Навіщо в <img> атрибути srcset і sizes?
- 1Щоб показати кілька зображень по черзі, як слайдер без JS
- 2Щоб задати резервні зображення на випадок помилки завантаження основного
- ✓Правильна відповідь: Щоб браузер обрав файл потрібного розміру під екран і щільність пікселів
Пояснення
srcset перелічує варіанти файлу (img-400.jpg 400w, img-800.jpg 800w), а sizes підказує, якої ширини буде зображення в макеті ((max-width: 600px) 100vw, 50vw). Браузер завантажить мінімально достатній файл. Для зміни кадрування чи формату використовують <picture>.