Webflow Responsive Image Sizing Issue

Hello all,

I’m encountering an issue with webflow’s handling of responsive image sizing. We have two versions of our image files - one for desktop and one for mobile. However, instead of changing the img src or srcset, our webflow page actually has two separate images embedded in the page - one for each file version. Webflow then scales down the version that’s not needed to 0px and displays the relevant image as normal.

Obviously, this has a huge performance impact to our site. I could solve it directly by using the HTML “media” and “srcset” attributes. However, I’m wondering if there is a better way to handle this within webflow itself?

Thanks in advance!