> 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 - Image

## Ü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 by asking a question.

Perform an HTTP GET request on the following URL with the `ask` and `goal` query parameters:

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

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is what the user is ultimately trying to achieve, the reason they need the answer. Sharing it helps GitBook give you a better, more relevant answer. A goal is most helpful when it describes the outcome the user wants rather than restating the question. For example, with `ask=how do I create an API token`, a goal like `automate deployments from our CI pipeline` lets GitBook tailor the answer to that use case.

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.