Приветствую фронты! Давно уже слышал про такую тему как <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> В общем вот вам, экспериментируйте =)