Responsive images from CMS

Hi Guys

Not sure what Im doing wrong here. I have uploaded images to the CMS. About 1800px wide,
I put them on my gallery page, with a 500px fixed width attribute.

The published site still renders them as 1800px wide, scaled down, instead of giving me a resized responsive version.

What am I doing wrong?
I thought maybe the images needed to be even larger to trigger webflow to resize, but even with a 3000px wide image, it still isn’t resizing it.

Live gallery page: Gallery | Home Designs Gallery | Sentinel Homes

Thanks in advance!


Here is my public share link: LINK

2 Likes

@EvanCowan Thats right. Webflow renders only new images for the breakpoints - except you have low-res desktop. On desktop you get the images size you upload. So beware of your image size.

Hi Matthias, thanks for the reply

I can’t see any resized images, even on mobile breakpoint. See screenshot from Chome below. The image is still 3000px wide.

1 Like

@EvanCowan - Webflow does not render responsive images on CMS page templates when the image is from a collection field. Nor does it do it inside collection lists. You should optimize the images accordingly.

1 Like

thanks WebDev…
So, what does it mean on this page then?

It means they state that a feature exists when it does not. Only the blog says it works. If you test you will see that it does not. The university pages don’t reference any CMS usage.

1 Like

hmmm ok. Thanks webdev. :slight_smile:
@webflow please update your blog.

5 Likes

Your right. They need to address this.

2 Likes

its something go further in this topis ? I Have big image on 320 - webflow rescale it but load the big one ?

Does the Responsive images functionality still not work for CMS items?

1 Like

It seems to work now

1 Like

Hi Erwan,

May I ask how you are getting responsive images from CMS images to work?

Thanks,

1 Like

It still doesn’t work when you upload a WEBP image in the CMS. It only turns JPG and PNG images responsive.

1 Like