Archived topic
Thumbnails blurred
3 replies · Started by Ewa on August 19, 2021
Hello,
I have an issue with woocommerce thumbnails blurred on a category page: https://www.awesomescreenshot.com/image/12199530?key=c789dd9c670415d035dbe653ee8159df
I am pretty sure I didn't change their dimensions. Is there any specific reason for that or should I just regenerate them?
regards
Ewa
Hi there,
it happens when smaller ( loweres ) images are scaled down by uneven proporition. ie. you Woo thumbnails are requesting a 300px wide image, and the container and 4 column grid spacing is displaying that at 238px. Which leads to pixel clipping and interpolation.
You can increase the Customizer > Woocommerce > Product Images > Catalog image size. I generally work with 400px images as they better fill those +size phone screen sizes, and they give you a lot more pixels for the resizing to be a little less harsh on the quality.
Thank you very much. I set 400 px and it is much better indeed.
Glad to hear that!
