I’m adding images to the shop on a site I am making and the thumbnails are making them very distorted and low quality. The images themselves are big, high definition pictures mainly and look fine once you go onto the product pages.
The site is: http://www.alcockstackle.co.uk/
And the shop is: http://www.alcockstackle.co.uk/shop/
If you then check the actual product page then the images come up clean and crisp. Any help would be massively appreciated!
It seems like WooCommerce uses small thumbnails for the shop page. Please try following – go to WooCommerce > Settings > Catalog and change/increase the “Product Thumbnails” size. Then regenerate the thumbnails with: http://wordpress.org/extend/plugins/regenerate-thumbnails/
Hi thanks, but that didnt seem to work. I changed them from 90px x 90x to 150px x 150px and they are still blured. I ran image regenerate thumbnails plugins as well. Any more help would be awesome, thanks!
In this case please install: http://wordpress.org/extend/plugins/simple-image-sizes/ – it will show you all registered images sizes on the Settings > Media page. Search for a thumbnail size with 120px width and try to increase the dimensions. Then regenerate the thumbnails with http://wordpress.org/extend/plugins/regenerate-thumbnails/
Thanks, I’ve got them to a point where they are no longer the distorted, but the images are still not all the same size even though I have set teh parameters on the above plugin. Any ideas?
The way wordpress re-sizes images is a bit loose. Unless the image size is set to “crop”, it will just constrain your images to so that no edge is larger than the sizes set.
So try setting that image size to Crop with the simple image sizes plugin and then regenerate the images once again. Just keep in mind this is a hard crop so it may cut some of your images if the constraints are too much.
The topic ‘Distorted images on product page and home page’ is closed to new replies.