How to set perfect product image sizes

This guide will show you how to find the perfect product image sizes.You need to use Chrome browser for this tutorial.

1) Find image size

  1. Open any product page on your site.
  2. Open Chrome Web console
  3. Click the pointer icon
  4. Hover the product image
  5. Check the Image size information.


2) Update Image size option

You can now use this information and add it to "Single Product Image" size.

Go to WooCommerce > Settings > Products > Display to change this

3) Repeat for Catalog Images

You can do the same with catalog images. Just open a category page and hover the image of a product with the chrome inspection tool.


4) Regenerate images

Go to Tools > Regen. Thumbnails after you have set all the correct image sizes.