Documentation

The Product Image Is Cropped Or Blurry

If you’ve installed WooThumbs because your images were blurry/pixelated, or you’ve just activated WooThumbs and discovered the image quality is not up to standards; do not worry. The fix is simple.

WooThumbs will scale images to fill the space occupied by the gallery slider. As such, it’s best to set the image sizes to the largest size they will ever appear on your product page (take into account responsive sizes).

  1. With WooThumbs installed and activated, navigate to WooCommerce > WooThumbs > Display.
  2. Scroll down to the Image Sizes section. Here you can set the Single Image Width and the Thumbnail Image Width.Image sizes for WooThumbs
  3. If your images are blurry or pixelated, then it means you need to increase the size. Enter your new sizes into the single and thumbnail image width fields. My (theme dependant) recommended sizes are:
    1. Single: 700px, with a crop of 1:1 (Square).
    2. Thumbnail: 250px, with a crop of 1:1 (Square).
  4. Click Save Changes. The images will regenerate automatically in the background, but this can take up to 30 minutes depending on how many images you have in your store.

This should fix the issue with blurry images.

Note: WooThumbs will never be able to upscale a small image and make it look good. You should always aim to upload high quality images, preferably twice the size they’ll be displayed at to account for retina displays.

Are you using WooThumbs for WooCommerce yet?

Start your 14-day free trial right now and get instant access to the features described in this article.

or learn more

Was this helpful?

Please let us know if this article was useful. It is the best way to ensure our documentation is as helpful as possible.

WooThumbs for WooCommerce

WooThumbs for WooCommerce

Not got the plugin yet? Get instant access right now, free for 14 days.

or learn more

Still need help?

If you haven't found what you're looking for in our documentation, please contact support.

Get Support