# Fixing Blurry or Distorted Product Images in WooCommerce

> **Source video:** https://www.youtube.com/watch?v=9wte-83NSnI

This guide explains how to fix product images that look blurry or stretched after switching themes, and how to prevent the problem in the future. There are two common causes and two fixes: upload appropriately sized images, or correct the image sizes set in WooCommerce.

## Identify the problem image

There are two common causes of blurry or distorted product images:

1. The uploaded image is not large enough. This can't be fixed in WooCommerce settings — you need to re-upload a higher-resolution image appropriate for your theme.
2. The image quality is fine, but the **image sizes set in WooCommerce** don't match what your theme needs. This video focuses on this cause.

## Find the size your theme needs

1. Navigate to a problem image in your store and note what type of image it is. WooCommerce has three product image types: **Catalog images**, **Single product images**, and **Product thumbnails**. (In the example, the broken image is a catalog image.)
2. Right-click the image and choose **Inspect** (or **Inspect Element**) in your browser's developer tools. This works in most major browsers.
3. In the HTML for the image, find the image placeholder **height and width** listed in pixels. Note these dimensions. In the example theme, the placeholder is **185 × 185 pixels**.

## Update the WooCommerce image size setting

1. In the WordPress admin, go to **WooCommerce → Settings → Products**, then select the **Display** submenu.
2. Find the size for the image type you're fixing (e.g. **Catalog images**).
3. Update the size to match what you found on the front end, or set it slightly larger for extra image insurance. In the example, the catalog images were set to **100 × 100 pixels**, smaller than the required **185 × 185**, which caused the stretching and blurriness.

## Regenerate your thumbnail images

Updating the size settings does not automatically fix the images. You need to regenerate them:

1. Install and activate the **Regenerate Thumbnails** plugin by Alex Mills.
2. To regenerate every image on the site, go to **Tools → Regenerate Thumbnails**.
3. To regenerate only specific images, go to the **Media Library**, make sure **List View** is active, select the images, and choose **Regenerate thumbnails** from the **Bulk actions** menu.
4. Depending on how many images you have and your server speed, this can take a minute or two.

Once done, return to your store — the images should now be the proper resolution.

## Check the original image quality

If images still look low quality, make sure the originally uploaded product image is large enough. For most themes, any image **larger than 800 × 800 pixels** should work. Keep this in mind whenever you switch themes with WooCommerce.