> For the complete documentation index, see [llms.txt](https://ecomnius.gitbook.io/formrest/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://ecomnius.gitbook.io/formrest/installation/step-4-config-image-sizes.md).

# Step 4 - Config Image Sizes

After installing the required plugins, check the product image sizes **before** importing the demo content, so the demo images are generated at the right size.

WooCommerce has settings for image sizes in **Appearance > Customize > WooCommerce > Product Images**.

<figure><img src="https://1687845365-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FkifTEIpJxuVj0Xe6FhBl%2Fuploads%2Fgit-blob-9154ec1583836163c4501d8f01ed4550928d7773%2Fimage-size.png?alt=media" alt="WooCommerce Product Images settings"><figcaption></figcaption></figure>

Suggested values for Formrest:

* **Main image width**: 1100 px.
* **Thumbnail width**: 600 px.
* **Thumbnail cropping**: *1:1* (square) keeps product cards even in the grid. Choose *Uncropped* if your product photos have different shapes and you don't want them cropped.

Formrest also registers its own square size, `nova-image-square` (1100 × 1100 px), used by some widgets.

{% hint style="info" %}
If you change image sizes after uploading images, regenerate the thumbnails with a plugin such as [Regenerate Thumbnails](https://wordpress.org/plugins/regenerate-thumbnails/).
{% endhint %}