# Display Mode

In Shopware 6 finden sich an unterschiedlichen Stellen die Anzeigemodi "Beinhalten" (manchmal auch "Strecken" gennant), "Füllen" und "Standard" wieder. Sie wirken sich dabei besonders auf die Darstellung, sowie die Skalierung eines Bildes aus. Damit du die drei Optionen besser verstehst, erklären wir dir die Begriffe nun etwas genauer.

<figure><img src="/files/w0kcePjNVkUX5qwLXhAc" alt=""><figcaption><p>Die Anzeigemodi "Beinhalten" / "Strecken", "Füllen" und "Standard" im Vergleich</p></figcaption></figure>

### Beinhalten / Strecken

Dieser Anzeigemodus streckt ein Bild auf die maximal verfügbare Breite. Damit das Bild nicht verzerrt wird, behält das Bild immer das ursprüngliche Seitenverhältnis bei.

{% hint style="info" %}
Dieser Modus ist besonders responsiv, da man sich hier immer sicher sein kann, dass das Bild korrekt dargestellt wird. Besonders bei Smartphones kann es jedoch aufgrund der geringen Bildschirmbreite vorkommen, dass Bilder zu klein dargestellt werden.
{% endhint %}

### Füllen

Für diesen Anzeigemodus ist die Angabe einer minimalen Höhe erforderlich. Das Bild streckt sich anschließend in alle Richtungen aus, um den entstehenden Bereich komplett zu füllen. Damit das Bild nicht verzerrt wird, werden die Seiten automatisch vom Browser zugeschnitten.

{% hint style="info" %}
Dieser Modus eignet sich besonders, wenn man einen Bereich mit dem Bild komplett ausfüllen möchte. Durch das automatische Zuschneiden kann es jedoch schnell passieren, dass essenzielle Bestandteile eines Bildes nicht mehr sichtbar sind. Daher sollte dieser Anzeigemodus auf allen Endgerät Typen getestet werden.
{% endhint %}

### Standard

Bei diesem Anzeigemodus behält das Bild immer seine ursprüngliche, native Größe bei. Es wird weder gestreckt, noch zugeschnitten.


---

# 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://docs.atloss.de/en/academy/technical-terms/display-mode.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.