Blurry images in prototype

I have some full-browser-width images uploaded at 3120px wide. When I view the Webflow prototype on a large screen, the images get pixelated. I inspected the elements and realized that the images are being downsized to 2600px wide and about 1/10 of the file size.

Does anyone know why this is happening? I was thinking this maybe happens prior to setting up the site hosting, but I have not idea. Here is a link to one of the pages where this is occuring.

http://studio-ngd.webflow.io/projects/twiggle

Any insight would be appreciated. Thanks!


Here is my public share link: LINK
(how to access public share link)

Is this happening in the Webflow designer or the actual website?

Can you also please provide your browser and version?

As well as your operating system and version?

Thanks!

Without your public share link, we can’t dig in to see the exact configuration in the Webflow Designer, but it sounds like the image is being resized using Webflow’s responsive images. You can turn off responsive images on a per-image basis by selecting the image and using CMD+Shift+O. :sunglasses:

1 Like

Thanks all. McGuire, you were right. Once I dug into how Webflow handles responsive images, I realized I had to make the images 3200px in order to reach the next threshold in which Webflow displays images. Thanks for the insight.

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.