不存在2x图像时如何在Retina设备上不加载2x图像

Question

有没有办法在不存在的Retina设备上不加载2x尺寸的图像，而是加载正常尺寸的图像（1x）？

<picture>
   <source srcset="bg@2x.jpg 2x, bg.jpg 1x" />
   <img src="bg.jpg" alt="Bar" />
 </picture>

当前，当我进入Retina devince等页面时。 iPhone，尺寸为2倍的图片不存在，图像将完全无法加载。因此，我想加载1倍大小的图像。

我知道我可以使用一些Retina.js库，但是我不确定是否真的需要它。