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-

https://wordpress.org/plugins/regenerate-thumbnails/

That’s all  🙂

Leave a Reply

Close Menu