Знаю, что img, то бишь изображения начинают подгружаться клиенту еще до загрузки всего dom. А как тег <picture> на это влияет?
Допустим, хочу сделать в адаптивной версии сайта разные версии логотипов.
Получается, они все загрузятся, а потом будет выбран подходящий?
Можно ли сделать так, чтобы клиенту приходили не все изображения?
Можно использовать srcset для <img>. При использовании srcset браузер сам выбирает, какое изображение подойдёт больше из списка указанных.
Сборка персонального компьютера от Artline: умный выбор для современных пользователей