Blurry images for a webp image

Seems like my image turns out to be very blurry, check all the way in the footer: Hans - Webflow Ecommerce Website Template. The source image is a webp image which is really sharp 1500px width.

Found some forums about unchecking a responsive image box (Responsive images in Webflow | Webflow University). But that tickbox doesn’t show up in the designer.


Here is my site Read-Only: Webflow - Marts & Mounts

Any time the rendered size of an image is greater than the intrinsic size of the image, you will get blur, unless the image is a vector.

Hi Jeff,

Thank you for your reply. So how does this work with images set to 100% width, like responsive images…

@martsmounts - I recommend that images be scaled to 2x the size (if you care about retina) of their largest display dimensions within a design and optimized before uploading to assets.