> For the complete documentation index, see [llms.txt](https://themedocs.zenit.design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://themedocs.zenit.design/en/styling/general/product-images.md).

# 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.

![](/files/x4qUnZEezf7GnK9CqWXY)

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](/en/content/product-images/aspect-ratio.md) summarized in detail.
{% endhint %}

{% content-ref url="/pages/-ME2h0uY0L1Pn6tVDFmw" %}
[Aspect ratio](/en/content/product-images/aspect-ratio.md)
{% 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="/pages/-MHX7-AyREKKxS1QTb\_r" %}
[Product image background](/en/content/product-images/product-image-background.md)
{% endcontent-ref %}

## Produkt Layout-Typ