Replace with mobile friendly images with different Breakpoints.
It would be beneficial to be able to replace the same image with a smaller image on mobile breakpoints. Better performance on mobile both speed and SEO. Currently you have to use an embed html or hidden sections to do this.
Yes, this is a current problem with webflow. The smallest size is 500px but there are many times when mobile thumbnails need to be smaller than this, and it wrecks the Google pagespeed scores.
If you would prefer to control this manually, this can be achieved using CSS classes to hide/reveal different image assets based on the break point. For design help or advise on how to achieve this, please visit our forum.
Yes, this is a current problem with webflow. The smallest size is 500px but there are many times when mobile thumbnails need to be smaller than this, and it wrecks the Google pagespeed scores.
A 200-300 px image is needed.
Webflow automatically handles responsive images. Learn more about the feature.
If you would prefer to control this manually, this can be achieved using CSS classes to hide/reveal different image assets based on the break point. For design help or advise on how to achieve this, please visit our forum.