I’m having an issue with one of my images being served with what looks like crazy hard compression. You can find the image here by scrolling down to the ‘Build out your sales pipeline’ section.
The asset being used in Webflow looks perfectly normal, and nothing has been done differently from the images I use elsewhere. There’s even another shelf that uses the exact same symbol, but works perfectly here.
If you go to the base image URL it’s looks completely fine.
I think it’s something to do with srcset. The bad asset has the following configuration:
<img src="https://assets-global.website-files.com/5dadaab9854cfc3eb72c1e0c/5e6797823cb7ce5b5f5bbe76_st-kanban.png" data-w-id="8ad702a2-1afe-808c-4941-1690bdca6860" alt="Startup customers and potential clients managed by their relationship analytics and stage in a sales pipeline" sizes="100vw" srcset="https://assets-global.website-files.com/5dadaab9854cfc3eb72c1e0c/5e6797823cb7ce5b5f5bbe76_st-kanban-p-500.png 500w" class="long-kanban" style="will-change: transform; transform: translate3d(-18.887px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">
And the srcset image URL looks low-res.
Whilst the good asset isn’t using a srcset:
<img src="https://assets-global.website-files.com/5dadaab9854cfc3eb72c1e0c/5e5931dc1ed6c5bfa9578261_pe-kanban.png" data-w-id="8ad702a2-1afe-808c-4941-1690bdca6860" alt="Private equity firm's clients and potential deals managed by their connection strength and stage in a deal flow pipeline" class="long-kanban" style="will-change: transform; transform: translate3d(-42.47px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg); transform-style: preserve-3d;">