How To Fix WooCommerce Image Size Issues
If you're having issues with your WooCommerce product images being too small, blurry, uneven or too big, this may be because of the image you've uploaded do not match your WooCommerce product image settings. Please continue reading below for detailed instructions:
How To Adjust Your WooCommerce Product Image Settings
Step 1 - Click on the WooCommerce tab on your admin sidebar, and select the Settings tab.
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.