Why are my product images blurry in WooCommerce?

Why are my product images blurry in WooCommerce?

The most common reason why images appear low quality or blurry is because the size of your image doesn’t fit the required image size for your theme. For example, if you’ve set the image size to 300×300 pixels and you upload a 100×100 pixels image, the theme is going to stretch the image and make it appear blurry.

How do I improve image quality in WooCommerce?

Adjust image dimensions and regenerate thumbnails 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.

Why are my product photos blurry?

Product still photographs motion blurring. When capturing a shot, it only takes a slight tremor in the photographer’s hand to result in a blurry image. Motion blurring affects the product photograph as a whole; there are no sharp zones. In some cases, the image of the product appears to have “double” contours.

How big of an image should I upload to WooCommerce?

Original images you upload should be at least 800 x 800px or higher to work for most themes. We show you how to find the max image size your theme wants in the video and below. Single Product Image: Largest image on the individual product details page and refers to the main/featured image.

What are the new features in WooCommerce 3.3?

WooCommerce version 3.3 and higher comes with support for making themes compatible with WooCommerce and improvements to image size rendering and cropping. These new features mean that: Blurry images caused by theme incompatibility or overriding code should no longer occur.

Where to change product image settings in WooCommerce?

If you change settings after uploading product imagery, you need to regenerate thumbnails within WordPress for the changes to apply. To do this, we recommend using the Regenerate Thumbnails plugin. As of WooCommerce version 3.3, Product Image settings can be found under the Customizer, in WooCommerce > Product Images:

Why are my images blurry in WooCommerce 3.3?

WooCommerce version 3.3 and higher comes with support for making themes compatible with WooCommerce and improvements to image size rendering and cropping. These new features mean that: Blurry images caused by theme incompatibility or overriding code should no longer occur. Store owners can control width and height of their main images.