Responsive background images are always an issue since they're only possible via CSS media queries. The very useful SRCSET attribute can't be used with background images. In this article, we attempt to create an automated way to handle such images in Umbraco in order to increase speed and preserve bandwidth in mobile viewports.
In this post you'll learn how to use Image Cropper together with the SRCSET HTML attribute in order to generate mobile-friendly, responsive images for your site. The SRCSET attribute defines a different image for each viewport size and delegates the decision on what image to load to the browser.