使用srcset和大小指定像素密度的圖像

Question

我正在嘗試使用srcset進行處理，但我無法找到詳細的參考。

從我的理解我可以做這樣的事情來爲手機指定圖片。

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

但我不清楚如何指定校正圖像的顯示密度。

在上面的例子中，屏幕寬度小於480px，我指定使用300px圖像。然而，在2x視網膜顯示器上，我想要一個600像素寬的圖像，但屏幕尺寸仍然會讀取爲480像素。

如何爲不同的像素密度指定另一個圖像？

Answer 1

的基本結構與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"> 

Reference