在小屏幕上加载更大的图像（srcset）

Question

我的布局有几列。
根据屏幕大小，布局在逻辑上会下降到1列。
这些列中的图像占列宽的100％。

在采用1列布局的情况下，列宽通常大于2列布局。

我正在寻找一种使用srcset和size的方式来加载用于1列布局的440px宽的图像和用于更大屏幕的仅220px的图像。

这可以完全通过HTML来完成吗，还是我必须将CSS与背景图像一起使用？