The end of responsive images

Summary: author is a fan of the new sizes="auto" and loading="lazy" browser features.

The author was waiting 14 years to excitedly share this?

<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.

To the author: please consider putting a summary at top of the article.

On the other hand you could just img { width: 100%; height: auto; } and still have more performance than websites that just send uncompressed PNGs in the hero.

I can't believe this doesn't mention Image Seam Carving. Surprise this was never built into browsers.

https://trekhleb.dev/js-image-carver/

> We’re not here to talk about picture.

Bro you just spewed 2 long paragraphs about picture at me. Don’t talk to me like that.

[dead]

[dead]