> 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/styling/allgemein/produktbilder.md).

# Produktbilder

Das Theme unterstützt die Ermittlung des Seitenverhältnis Deiner Produktbilder. Die Ermittlung des Seitenverhältnisses erfolgt anhand **vorgegebener Seitenverhältnisse (1)** oder durch die Angabe **exakter Bild-Breite (2) und Bild-Höhe (3)**, welche für Produktlistings und die Produkt Image Galerie genutzt werden.

![](/files/vesClo6VwlNHVTbfYyUS)

Sobald exakte Bildmaße in den Feldern **Breite Artikelbild (2**) und **Höhe Artikelbild (3)** eingetragen sind, werden diese anstelle des **Seitenverhältnis Artikelbilder (1)** verwendet.

{% hint style="success" %}
Warum und vor allem wie Du das optimale Bildformat Deiner Produktbilder ermittelst, haben wir Dir im Artikel unter INHALTE > Produktbilder > [Bildformat](/content/produktbilder/bildformat.md) ausführlich zusammengefasst.
{% endhint %}

{% content-ref url="/pages/EEi9G7mDmNCPnoIwleNx" %}
[Bildformat](/content/produktbilder/bildformat.md)
{% endcontent-ref %}

Das Theme bietet mit der Option **Hintergrundfarbe überlagernd (5)** eine Funktion zum Einfärben von Produktbildern durch eine Hintergrundfarbe. So können auch nicht ausgeschnittene Produktbilder im JPG-Format auf einer Hintergrundfarbe abgebildet werden. Die Funktion zur Einfärbung der Produktbild-Hintergründe haben wir Dir im Tutorial [Produktbilder Hintergrund](/content/produktbilder/produktbilder-hintergrund.md) zusammengefasst.

{% content-ref url="/pages/djkgCLM2g9rFiUQtKSRn" %}
[Produktbilder Hintergrund](/content/produktbilder/produktbilder-hintergrund.md)
{% endcontent-ref %}