Wordpress Blurry Image Fix

I have looked at my tutorials tp fixed this but it still does not work. Can someone please help me fix blurry image on WordPress site?

Without further information I would say the answer is no.

Why are they blurry - saved small and displayed large - blurry before upload?

2 Likes

The images are blurry regardless of the size when i changed it using the inspect element and regerernate the thumbnails

The image are not blurry when upload. It is sharp. It has to do with the settings and I am not be able to get it right

It may just be a scaling issue. For example, if you upload a 500x500 (square) image, but the settings require an image that is 300x400 (rectangle), the image will probably be blurry as it tries to resize the image accordingly.

If you upload an image that is proportional to what the settings are (for example the settings expect 250x250, and you upload 500x500), is the image blurry?

Or is perhaps the image too small? An image can get blurry if it’s too small when it’s uploaded.

1 Like

I tried a lot a ways and still did not work

After a lot of investigative work I think the problem is with srcset . There is this at the end of the tag:

sizes="(max-width: 180px) 100vw, 180px">

The OP has the different size images in his media folder but I assume they have a setting for the image display in Woocommerce set to 180px somewhere. Currently the OP can not find it. Anyone have any idea where it is?

Out of interest it looks like IE and Chrome obay the size restriction but Firefox doesn’t.

2 Likes

Update: it was an image size setting in the theme.

That is one problem I find with Wordpress - finding the right setting to change something!

3 Likes

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