<picture /> но применить на практике пришлось вот только недавно.Задача: Отображать разные картинки в зависимости от размера девайса
Можно сделать и через CSS, но минус такого подхода в том что рендерится все-равно 2 картинки, а если элементов в которых нужно сделать такую подмену много(как у меня было) то это влияет на производительность. В итоге вспомнил про picture и применил его:
Выглядит примерно так:
<picture>
<source media="(min-width:650px)" srcset="big_pic.jpg">
<source media="(min-width:465px)" srcset="small_pic.jpg">
<img src="pic.jpg" alt="pic" style="width:auto;">
</picture>
В общем вот вам, экспериментируйте =)