> For the complete documentation index, see [llms.txt](https://docs.avonnicomponents.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-de/experience-components/ax-image.md).

# AX - Bild

## Übersicht

**AX - Bild** ist eine Experience-Cloud-Komponente, die Bilder auf Experience-Sites-Seiten anzeigt und Kontrolle über Größe, Zuschneiden, Ausrichtung und Ladeverhalten bietet.

Verwenden Sie sie, um Produktfotos, Logos, Banner, Profilbilder oder andere visuelle Inhalte aus Salesforce Content Documents, statischen Ressourcen oder externen URLs anzuzeigen. Konfigurieren Sie in Experience Builder ohne Code, wie Bilder angezeigt, zugeschnitten und skaliert werden.

Perfekt für Produktgalerien, markenkonforme Kopfzeilen, Abschnitte mit visuellen Inhalten, Profilanzeigen oder überall dort, wo Ihr Portal eine flexible Bilddarstellung mit responsiver Größe benötigt.

## Konfiguration

### Eigenschaften

**CMS-Bild** und **Bild-URL oder Ausdruck** geben Sie die Quelle des Bildes an — aus einem CMS oder über eine direkte URL — je nachdem, was Ihren Präferenzen für die Bildverwaltung am besten entspricht.

**Breite** und **Höhe** legen die angezeigten Abmessungen fest, damit sich das Bild harmonisch in das Seitenlayout einfügt und dabei klar bleibt.

**Position** passt die Ausrichtung des Bildes innerhalb seines Containers an, um ein ausgewogenes, ästhetisch ansprechendes Layout zu erzielen.

**Statische Bilder** legt das Bild als statisch fest — verwenden Sie dies, wenn das Bild keine responsiven Anpassungen erfordert und über alle Bildschirmgrößen hinweg konstant bleiben soll.

**Flüssig** und **Flüssig wachsen** ermöglichen dem Bild, seine Größe responsiv anzupassen und sich nahtlos an unterschiedliche Bildschirmgrößen anzupassen.

**Miniaturansicht** zeigt das Bild in kompakter Form an, geeignet für Galerien oder Vorschauen.

**Verzögertes Laden** wählt automatisches oder verzögertes Laden, um die Seitenladezeiten zu optimieren und unmittelbare Sichtbarkeit mit der Gesamtleistung in Einklang zu bringen.

**Alternativtext** stellt barrierefreien Text bereit, der das Bild beschreibt.

**Zuschneidegröße**, **Zuschnittanpassung** und **Zuschneideposition X / Y** passen Sie den Zuschnitt des Bildes an, um sich auf die relevantesten Bereiche zu konzentrieren.

**Vergrößerungstyp** wählt den Vergrößerungsstil aus, der beim Anzeigen von Bilddetails angewendet wird, und **Vergrößerungsattribute** verfeinern das Verhalten und das Erscheinungsbild des Vergrößerungswerkzeugs.

**CMS-Vergleichsbild** / **Vergleichsbild-URL oder Ausdruck** und **Vergleichsattribute** ermöglichen eine Vorher-/Nachher-Vergleichsansicht — legen Sie das zweite Bild fest und steuern Sie Ausrichtung, Interaktion und Beschriftung. **Alternativtext für den Vergleich** stellt barrierefreien Text für das Vergleichsbild bereit.

## Styling

{% tabs %}
{% tab title="Außenabstand" %}
Steuert den Außenabstand um das Bild herum.
{% endtab %}

{% tab title="Innenabstand" %}
Steuert den Innenabstand um das Bild herum.
{% endtab %}

{% tab title="Bildrahmen" %}

* **Radius:** Passen Sie die Rundung der Bildecken an.
  {% endtab %}
  {% endtabs %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## 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, and the optional `goal` query parameter:

```
GET https://docs.avonnicomponents.com/experience-cloud/experience-cloud-de/experience-components/ax-image.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

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.