We are trying to resolve the question for our site SwitchUp how to adjust the image size based on device. Currently we are serving the same image for all devices. And as Google Page Speed Insights points out, we should be compressing them. About 3MB of images are loading on smartphones, despite the much smaller screen size. At the same time, we seek to provide higher resolution images to desktop users with larger screens.
Hence, we are wondering how to overcome this issue and whether there are solutions that someone is already using in combination with webflow? In particular, I wonder whether using SRCSET, Picture or Picturefill may be approaches that could work with webflow? (particularly given that SRCSET seems to be supported by the latest versions of iOS and Android)
I am not a developer, hence, excuse my limited knowledge in case there is an easy solution out there to resolve this.