Responsive Images in HTML
A single <img src="hero.jpg"> used to be the only option. It still works — but it means serving a 2400px image to a device with a 375px screen, and serving that same image as a JPEG to a browser that would have accepted AVIF at a third of the file size. The browser has had the primitives to do better than this for years. Most sites don’t use them correctly.