Images loading blurry

Design help General
1

I have tabs showing 3 images and for some reason, they’re showing up blurry. They look fine on preview but when published the images become blurry? Any idea?

Here is my site Read-Only: https://preview.webflow.com/preview/ecom-jetpack?utm_medium=preview_link&utm_source=designer&utm_content=ecom-jetpack&preview=de5ac730a1e7239066752ce379a4767a&mode=preview

2

Welcome to the community @joshuabonnell!

This may be caused by the automatic responsive image setting on your image elements. You can override this behavior by un-checking “Responsive image” under your image settings. By default this setting is hidden, so you’ll need to use the CMD(or CTRL)+Shift+O shortcut to get it to show up:

image

2 Likes
3

If this works… you’re a saint. My client is saying some of my images on the site look blurry on their computers, but look sharp on mine, even after being published.

4

Man, thank you :pray: TBH I would have never been able to find this out!