Anyone have any ideas as to why images in the published site look jagged?

Foe some reason my graphics, specially those with a drop shadow, look fine within the preview of Webflow, but when I view the live preview in browser, the images get all jagged and compressed looking. Any reasons as to why this is happening? or how to fix it? See the images for comparison. Graphic 01 is within Webflow designer and Graphic 02 is from the live preview. Although I can see from this preview, you can’t really see the difference by these two, but trust me it’s there…

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

I couldn’t tell the difference between the screenshots. Please post your public share link and published URL.

Thanks for getting back to me, I apologize for the delay, but i have been busy trying to fix some other issues I am having with Webflow. :sweat_smile:

I’ll try to post the links when I get past the other issues…thanks again!

Ok, now I am trying to tackle this problem again, because now it is happening on another site I am working on. Here is the link:

and here is a specific page sample:

The booklet image looks really compressed and the shadows are jagged. I did not compress the image at all coming out of PS just to see if that made a difference.

Any help would be greatly appreciated.

This is what I see on Google Chrome on Windows 10, desktop resolution 1920 x 1080px. Is this what you are seeing?

Yeah. I kinda figured out the issue, but I am still a bit confused about Webflow’s responsive images.

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