Streaming live at 10am (PST)

Webflow Image srcset resizer creating blurry images


I’m having a client worry about images coming out blurry. I’ve done some research and this is because of the “srcset” setting images smaller than the box they need to be in and then scaling it up.

For example:

You see the rendered size is larger than the intrinsic size. I think if we are going to force the resizing of images in this way, it needs to be a little smarter so we don’t get blurry up scaled images.

In the meantime I’ve written some JavaScript that strips the srcset but that is horrible for performance for the CMS items.

Does anyone know a better work around for this?