對于window.devicePixelRatio == 1的設備

<img src="http://example.com/100x100.jpg" alt="image 100 by 100" width="100" height="100">

看起來不錯:100×100像素的圖像用于100×100的平方-很好。

對于window.devicePixelRatio = = 2的設備(相同的尺寸可以使用更好的圖像質量),寬度和高度屬性的值應該是什么- 100還是200？

<img width="100" height="100" src="http://example.com/200x200.jpg" alt="image 200x200 for 100px by 100px">

或者

<img width="200" height="200" src="http://example.com/200x200.jpg" alt="image 200x200 for 100px by 100px">

是否應該根據window.devicePixelRatio更新img寬度和高度屬性值，或者不應該更改它們？

這個簡單而基本的問題，我找不到任何明確的信息。