How To Change Woocommerce Single Product Image Size

Depending on the theme you are using, featured product image of your Woocommerce single product page may appear small, blurry or even too large and stretched out.You can fix your WooCommerce product image size of your Single product page easily. Process is straight forward and simple, just follow these steps:

Step 1: Changing Image Size

  1. Go to WooCommerce -> Settings
  2. From top, Click on “Products” tab
  3. Click on “Display”
  4. Now scroll down to “Product Images” section
  5. Write your desired height & width in “Single Product Image” field
  6. Click on “Save Changes”

Note: Make sure “Hard Crop” is selected.

WooCommerce image size


Step 2: Regenerate Thumbnails

Now this new image dimension settings will not take effect to your existing product images. For this to take effect in previously uploaded product image, you need to regenerate those images to new image dimension.

Follow these steps to regenerate previously uploaded images:

  1. Download and Activate Regenerate Thumbnail
  2. Go to Tools -> Regen. Thumbnails
  3. Click on “Regenerate All Thumbnails”


Regenerate images to new settings.
Regenerate images to new settings.

Now go to your single product page and refresh the page. You will find that your product image is now regenerated to your specified dimension.


  1. womensfashionoffers

    It does not work…
    Question posted here –
    Please help to reduce woocommerce Single Product Image Size…

    this is my single product url –

    and i have already select 300×300 in WooCommerce > Setting > Product > Display > Single product image > Checked Hard Crop > Save Changes > Tools > Regen. Thumbnails > regenerate thumbnails for all images > Done

    After done all above steps, same image size showing as 760×760 (… )

    Please help me how can solve ??

    1. Towhid

      Maybe it’s a problem with your theme. Change your theme to default Storefront theme or twenty Seventeen. See if the image dimension changes.


Leave a Reply