Woocmmerce related products image size is too big

Changing the settings for catalog image size does not change the size of the actual thumbnail images. They will still be whatever size they were when created with the previous settings.

Download this plugin, which will allow you to rebuild your thumbnails and generate images of the correct size:

https://www.ads-software.com/plugins/ajax-thumbnail-rebuild/

I see that plugin hasn’t been updated in a while, but I use it practically daily and it works perfectly.

If you have dedicated server or vps you can use this command to reduce image size:

convert image.png -quality 95 -resize 200×100 image.jpg

This is fastest solution as you can loop all images with least time. If you are not that much technical you can use image optimization plugin like https://www.ads-software.com/plugins/wp-smushit/ or https://www.ads-software.com/plugins/ewww-image-optimizer/

Thank you all for answering my question. I have tried this solution, but it didn’t work.
And I also tried to add code ‘
.related ul.products li.product img, .upsells.products ul.products li.product img, .related ul li.product img, .upsells.products ul li.product img{
height: auto;
width: 30%;
} ‘

But it didn’t work either. I’m so confused…oh my…

Is there any other solutions I can try? Many, many thanks!

Can you provide a link to the page?

Sure, the product’s link:https://jlyourplace.com/product/english-chinese/
the product category’s link:https://jlyourplace.com/product-category/interpretation/

Thank you!

I just fixed this problem. Thank you all of you guys who left message.

Hi matt2016,

Can you tell me how you fixed the problem? I have the same issue with the product slider.

Thanks!
Jasper