Troubleshooting Pixelated Image in Header 108

At a glance

A community member is having trouble with a header on their website. They have loaded a large 3200x2000px image in the middle, but it appears pixelated. The community member has provided staging and read-only links to the website. Another community member suggests trying to disable responsiveness in the settings panel for the center image, which the original poster says they will try.

Useful resources

XXavier Peich

Hello, I'm having trouble with header 108. For the middle image, I'm loading a fairly large image : 3200x2000px. However, it still looks very pixelated. When I download the file in the browser, the file is quite small (hence why it looks pixalated). It seems fine in the designer.

Here is the staging link: https://wlf-specialiste-apple.webflow.io/ (scroll down a bit to see the animation)

And the read-only: https://preview.webflow.com/preview/wlf-specialiste-apple?utm_medium=preview_link&utm_[…]e&preview=23dc7dacfbf5115688fe69f95b237e90&workflow=preview

Any ideas how I can fix this? I like this header, but not with the pixelated image...

2 comments

MMatt Johnson

can you try disabling responsiveness in the settings panel for that center image and seeing if that helps?

XXavier Peich

of course!! thank you so much

Add a reply

Community forum for knowledge and support

Troubleshooting Pixelated Image in Header 108