Image loading depending on slot size

[WebTerminator]

MDN URL

https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images

What specific section or headline is this issue about?

No response

What information was incorrect, unhelpful, or incomplete?

Load the image referenced in the srcset list that has the same size as the slot or, if there isn't one, the first image that is bigger than the chosen slot size.

What did you expect to see?

Based on the current code in the codesandbox I would expect to have the 1000x1000 image being loaded becasue the 223px slot doesn't match with the 200w intrinsic size set in srcset. Is there some sort of buffer being added by the broser?

Do you have any supporting links, references, or citations?

https://codesandbox.io/p/sandbox/f4w424?file=%2Findex.html%3A13%2C36

Do you have anything more you want to share?

No response

MDN metadata

Page report details

• Folder: en-us/learn/html/multimedia_and_embedding/responsive_images
• MDN URL: https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimedia_and_embedding/Responsive_images
• GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/learn/html/multimedia_and_embedding/responsive_images/index.md
• Last commit: 76c1e86
• Document last modified: 2024-07-25T19:35:50.000Z