srcset
and sizes
Here is a recording of the images that were loaded for various device, browser and window sizes combinations for the examples above.
srcset
and sizes
. Here what I'd actually expect is:
(min-width: 300px) 300px
matches. 300 CSS pixels * 1.75 DPR = 525 device pixels.
Match the 600x600.png 600w
image. This is what both Chrome and Firefox do.