Can someone help me figure out why the images appear blurry on the published site? They were displaying properly, now without any change on my part they appear blurry. I tried to reupload them at really high res. on the first load after publish they appeared sharp and reload they become blurry again.
problem solved, the issue was that the check box for āresponsive imagesā was not in the setting pane, (have no clue why) but now after reporting a bug to webflow team this check box magically appeared and when unchecked images display properly.
Interesting that reports of buggy responsive images inside grids are really old at this point (I personally noticed this after grids were launched). Too bad itās still the case (I almost never use grids so didnāt even know the problem persists).
interestingly enough, the bug is still present today. As soon as images are placed in a grid in my project, only the responsive image with intrinsic size of 500px is displayed automatically. So the smallest of all generated images is displayed at each breakpoint. This is super humbling and a bugfix would be greatly appreciated by me and many others who probably havenāt even identified the bug as such yet.
well, based on this post and a few others, I changed the layout to flex to work around the bug. Now I wanted to put it back on grid for you and the bug doesnāt show up anymore. All images are now sharp, even in grid. WTF?
Iāll watch this and maybe just try to reproduce the problem independently of a project and report back here.
But anyway Dram, thanks a lot for your really very fast response.
As of Feb 2024 and as mentioned above, TICKING the āDisable Responsivenessā property under the Settings tab of the image does the trick. It forces your website to load the original image in all its glory at the cost of loading time.