You should read up on Client Hints. Allows the browser to automatically send desired size and pixel density down the image request, where the CDN can then serve

You should read up on Client Hints. Allows the browser to automatically send desired size and pixel density down the image request, where the CDN can then serve up the appropriate file. Basically means for most cases you could go back to using a single <img> tag. It's Chrome only for now but it's a nice future.