Yup that's possible! You could use a combination of the image cropper and HTML image srcset and sizes attributes to achieve that.

The image cropper will be used to generate the different sizes needed, and then the source sets will allow you to define multiple sources for a single image element so that the browser only loads the one it needs.

Here's a guide on the Umbraco Image Cropper:

• https://our.umbraco.com/documentation/Fundamentals/Backoffice/Property-Editors/Built-in-Property-Editors/Image-Cropper/

And here are some guides on html image source sets:

• https://css-tricks.com/a-guide-to-the-responsive-images-syntax-in-html/

• https://developer.mozilla.org/en-US/docs/Learn/HTML/Multimediaandembedding/Responsiveimages#resolutionswitchingdifferentsizes

Note: the srcset and sizes attributes don't work on IE, but you can use a standard src as a fallback.