Html 使用srcset和sizes为像素密度指定图像

我正在努力掌握srcset，但我很难找到详细的参考资料

据我所知，我可以这样做，为手机指定一个图像

<img src="1.jpg" alt=""
  srcset="1x300.jpg 300w"
  sizes="(max-width: 480px) 300px">

但是，我不清楚如何指定以校正图像的显示密度

在上面的示例中，在小于480px的屏幕宽度下，我指定使用300px图像。然而，在一个2x视网膜显示器上，我想要一个600px宽的图像，但屏幕大小仍然是480px

---

如何为不同的像素密度指定另一个图像？

具有SRCSET和大小的IMG标签的基本结构

<img src="images.jpg" srcset="images1x.jpg 200w, images2x.jpg 400w,
images8x.jpg 600w" sizes="(max-width: 40em) 100vw, 50vw" alt="Some Text">

---

这与我在问题中提出的方法相同。它没有显示如何为不同的像素密度和屏幕宽度指定图像。