| DPR | Chromium | Firefox & Safari |
|---|
* marks your current DPR.
For a detailed explanation, check out my guide about width and pixel density descriptors.
As written in the guide, I'd recommend crafting srcset & sizes in a way that DPRs > 2 use the same as 2.2x.
Tip: The
order of attributes matters
for Firefox & Safari: put sizes first, then srcset, then src. Safari
also does not support min/max in sizes.