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.
Mobile images
Is it possible to automatically load smaller images on the mobile version? Since the large images are not needed on a small screen....
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:
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.
is working on a reply...