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.

  • The Master
  • Apr 13 2021
  • Eric Potratz commented
    10 Jul, 2021 03:58am

    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.

  • Admin
    Webflow Admin commented
    26 Jun, 2021 04:03pm

    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.

  • +2