# Produktbilder Hintergrund

## Produktbilder mit Transparenz

Mit unseren Themes kannst Du eine Hintergrundfarbe für das Artikelbild definieren.

Vorher:

![](/files/B4YCcNibHsXnclOAbB5H)

Nachher:

![](/files/zcx6IFIIWaw7UQ3wtva8)

Bei transparenten Artikelgrafiken reicht es aus eine **Hintergrundfarbe (1)** für das Artikelbild zu setzen. 

{% hint style="info" %}
Die **Option zur Hintergrundfarbe (2)** überlagernd wird nur bei nicht transparenten Artikelbilder eingeschaltet.
{% endhint %}

![](/files/WKL82XpiCOuwkLFjp67I)

## Produktbilder ohne Transparenz

Die wenigsten Produktbilder liegen als transparente PNG mit ausgeschnittenem Motiv vor. Aber auch hier lässt sich dieser Effekt nachbilden. Nach Vorbild von Amazon.de haben wir eine Lösung entwickelt, die es uns erlaubt, weiße Hintergrundfarben einzufärben.

{% hint style="warning" %}
Um das Produktbild farblich nicht zu stark zu verfälschen können die Hintergründe nur in leichten Grautönen dargestellt werden.
{% endhint %}

![](/files/goU3zMjWRvrVwMqRjRkR)

Bei nicht transparenten Artikelgrafiken wird eine dunkle(!) **Hintergrundfarbe (1)** für das Artikelbild gesetzt. Die Option zur **Hintergrundfarbe überlagernd (2)** wird nun eingeschaltet.

{% hint style="warning" %}
Die Hintergrundfarbe überlagert mit einer Sichtbarkeit von 5% das Artikelbild, daher muss eine dunkle Farbe als Hintergrundfarbe gewählt werden.
{% endhint %}

![](/files/IZGioArRlWgwuGSi3t2q)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://themedocs.zenit.design/content/produktbilder/produktbilder-hintergrund.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.