If you’re a WordPress user and you own an online store, WooCommerce absolutely is the right choice for your store, isn’t it? If you don’t know about WooCommerce, maybe it’s time to start figuring out what it is and what benefits it can bring you while using it.

What is WooCommerce?

WooCommerce is a free eCommerce plugin that allows you to sell anything, beautifully. Built to integrate seamlessly with WordPress, WooCommerce is the world’s favorite eCommerce solution that gives both store owners and developers complete control.

Why choose WooCommerce

Sell anything, anywhere
Mobile friendly
Scalability
Own your data
Secure code
Worldwide community
Open source

While using WooCommerce, many users may have problems with their WooCommerce product images being too small, blurry or too big. This is because the dimension of the image you have uploaded does not match your WooCommerce product image settings. Now we will instruct you how to fix this problem by adjusting your WooCommerce Product Image Settings, please scroll down for more details.

How to adjust your WooCommerce Product Image Settings

Step 1: Click on the WooCommerce tab on your admin sidebar > Settings

Step 2: Click on the Products tab at the top of the page. Directly below those options, switch to the Display tab.

Step 3: Under the Product Images section, you will find the Catalog Images, Single Product Images, and Product Thumbnails dimensions which is calculated as Width X Height in pixels

* Catalog Image is for your images on the shop page and for shortcodes. Single Product Image is for your images on the single product pages. Product Thumbnail is for your smaller product thumbnails for widgets.

** The images you upload to products will be resized to match the values you have input here. If your settings are 100×100 and you upload a 300×600 image it will be resized to 100×200. You can also choose to ‘hard crop’ your images which will force them to be the size specified in these settings, regardless of the raw image you upload, but will be cropped rather than distorted in scale.

Step 4: The minimum suggest width for images is 500px. If you do not want the image cropped, leave the height field blank.

Step 5: Once you have made your changes to the image dimensions, click ‘Save Changes’

Step 6: If you change the image dimensions after you have uploaded product images, you will need to download and run the Regenerate Thumbnails plugin just once Regenerate Thumbnails – this is to ensure that all affected images are resized to match the new dimensions.

Note: Your catalog image size and single product image size need to be large enough to fit the size column you want to use. For example, if you want to use a shortcode in a one_half column and have it fully filled, then you must have a Catalog Image size of about 500px in width, and your product image must be at least 500px.

Related article: