Как работают picture и srcset?

Middle
199 просмотров
AFK Offer AI

srcset на позволяет указать несколько источников для разных плотностей экрана (2x, 3x) или ширин: srcset="img-320.jpg 320w, img-640.jpg 640w" sizes="(max-width: 600px) 100vw, 50vw". Браузер сам выбирает оптимальное изображение. даёт больше контроля — можно менять формат (WebP с fallback на JPEG) и показывать разные изображения через media queries. Это ключевая оптимизация — не грузить 4K картинку на мобильном.

Следующий вопрос

Зачем нужны data-атрибуты?