One thing we found really helpful for optimizing our images was building our own internal image CDN service. Our image URLs look like this: imgsvc.example.com/

One thing we found really helpful for optimizing our images was building our own internal image CDN service. Our image URLs look like this: imgsvc.example.com/url/size(64),fit(cover)/{url}/image.png where url is the source image. This ends up being the image src URL used in production. We have a domain whitelist so it can’t be too badly abused. We can change any number of parameters. You can see here I’m setting the fit and size and image format (.png). There’s even an option to fit the image to a bytes budget. It’s invaluable not having to think about source image sizes, we just drop whatever image we have into an Azure bucket and drop the URL into that service.