# Product images

The theme supports determining the aspect ratio of your product images. The determination of the aspect ratio is done by **preset aspect ratios (1)** or by specifying **exact image width (2) and image height (3)**, which are used for product listings and the product image gallery.

![](https://2915610672-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F4i6VN0FeNAgRFLwVM2Cr%2Fuploads%2Fwx2XdVjkpMqRr6unw9PK%2Fdocs-en-config-theme-general-product-images.png?alt=media\&token=a5804816-0b09-49f4-9fa3-40406cdc5c72)

As soon as exact image dimensions in fields **Width product image (2**) and **Height product image (3)** are entered, they will be used instead of the **Aspect ratio product images (1)**.

{% hint style="success" %}
Why and especially how you determine the optimal image format of your product images, we have you in the article under CONTENTS > Product images > [Imageformat](https://themedocs.zenit.design/en/content/product-images/aspect-ratio) summarized in detail.
{% endhint %}

{% content-ref url="../../content/product-images/aspect-ratio" %}
[aspect-ratio](https://themedocs.zenit.design/en/content/product-images/aspect-ratio)
{% endcontent-ref %}

The theme provides with the option **background color overlay (5)** a function to colorize product images by a background color. This way, even non-cropped product images in JPG format can be mapped to a background color.

{% content-ref url="../../content/product-images/product-image-background" %}
[product-image-background](https://themedocs.zenit.design/en/content/product-images/product-image-background)
{% endcontent-ref %}

## Produkt Layout-Typ