Distorted images on product page and home page

6 posts from 3 voices

• Started 2 months ago by jonoaskew
• Latest reply from Devin
• This topic is not resolved

Tags:

No tags yet.

1. 

   jonoaskew
   Member

   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!

   Posted 2 months ago #
2. 

   Dude
   Dude

   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/

   Posted 2 months ago #
3. 

   jonoaskew
   Member

   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!

   Posted 2 months ago #
4. 

   Dude
   Dude

   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/

   Posted 2 months ago #
5. 

   jonoaskew
   Member

   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?

   Posted 2 months ago #
6. 

   Devin
   Moderator

   Hi jonoaskew,

   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.

   Regards,

   Devin

   Posted 2 months ago #

RSS feed for this topic

Reply

You must log in to post.