<img loading="lazy" src="TrIZjHKy9-650.jpeg" srcset="GTrIZjHKy9-650.jpeg 650w, GTrIZjHKy9-960.jpeg 960w, GTrIZjHKy9-1400.jpeg 1400w" sizes="auto, (min-width: 1040px) 650px, calc(94.44vw - 15px)" alt="…">
IMHO, feels more like a polyfill than a final industry solution.
The most incredible thing is that a group of enthousiasts can join in the standards making process and actually move companies as big as Google and Apple. Even just a tiny bit.
This doesn't help you if you want to save bandwidth, it worsens it.
It doesn't help you if you custom-crop images depending on the viewport size, because if you go that far to art direct, then you're not going to like the result of automated and unsupervised seam carving.
Just publish 3 sizes, maybe crop the smallest one if the focus area is too small. Done.
Bro you just spewed 2 long paragraphs about picture at me. Don’t talk to me like that.