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?
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.
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.
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!
This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.