Change default img sizes from 100vw to 100cqw #9948
Description
What problem are you trying to solve?
When adding full width responsive images that can be added to different regions of a page you don't know the width they will be rendered at. Creating appropriate sizes values capped at the width of the containing element is challenging.
What solutions exist today?
No response
How would you solve it?
Instead of assuming 100vw by default and overfetching images, 100cqw would mean fetching smaller images as soon as they are rendered within a smaller container. Since 100cqw will fall back to 100vw if there is no explicit parent container this should be a web safe change.
Right now it seems like no browsers support the cqw unit in sizes at all.
Anything else?
No response