How to set perfect product image sizes in WooCommerce

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

How to find the image size:

  1. Open shop page on your site using the Firefox web browser.
  2. Right-click and Inspect Element.
  3. Click the pointer icon to the left.
  4. Then hover over the product image.
  5. Finally, you can see the image size information.

product image in browser console

Using the same way you can find the size of single product image and product thumbnails single product page.

Update the image size:

product image settings

Regenerate images:

Finally, regenerate all your images using this plugin-

That’s all  🙂

One thought on “How to set perfect product image sizes in WooCommerce”

  1. moneybistro says:

    In WooCommerce Settings Products Display, be sure that the maximum image sizes are at least as big as the dimensions your theme is rendering for those thumbnails. Then Save Changes .

Leave a Reply

Your email address will not be published. Required fields are marked *