> 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-fr/experience-components/ax-image.md).

# AX - Image

## Aperçu

**AX - Image** est un composant Experience Cloud qui affiche des images sur les pages des sites Experience, avec un contrôle sur le dimensionnement, le recadrage, l’alignement et le comportement de chargement.

Utilisez-le pour afficher des photos de produits, des logos, des bannières, des photos de profil ou tout contenu visuel provenant de documents Salesforce Content, de ressources statiques ou d’URL externes. Configurez la manière dont les images s’affichent, sont recadrées et mises à l’échelle dans Experience Builder, sans code.

Idéal pour les galeries de produits, les en-têtes de marque, les sections de contenu visuel, l’affichage des profils ou partout où votre portail a besoin d’une présentation d’images flexible avec un dimensionnement responsive.

## Configuration

### Propriétés

**Image CMS** et **URL de l’image ou expression** spécifiez la source de l’image — depuis un CMS ou une URL directe — selon ce qui correspond le mieux à vos préférences de gestion des images.

**Largeur** et **Hauteur** déterminent les dimensions affichées afin que l’image s’intègre harmonieusement dans la mise en page tout en conservant sa netteté.

**Position** ajuste l’alignement de l’image dans son conteneur pour une mise en page équilibrée et esthétique.

**Images statiques** définit l’image comme statique — utilisez-le lorsque l’image n’a pas besoin d’ajustements responsives et doit rester constante quelle que soit la taille de l’écran.

**Fluide** et **Croissance fluide** permet à l’image d’ajuster sa taille de manière responsive, en s’adaptant en douceur à différentes tailles d’écran.

**Vignette** affiche l’image dans un format compact, adapté aux galeries ou aux aperçus.

**Chargement différé** choisit le chargement automatique ou différé afin d’optimiser les temps de chargement de la page, en équilibrant visibilité immédiate et performances globales.

**Texte alternatif** fournit un texte accessible décrivant l’image.

**Taille de recadrage**, **Ajustement du recadrage**, et **Position de recadrage X / Y** personnalisez le recadrage de l’image pour mettre l’accent sur les parties les plus pertinentes.

**Type de loupe** sélectionne le style de zoom appliqué lors de l’affichage des détails de l’image, et **Attributs de la loupe** affinent le comportement et l’apparence de la loupe.

**Comparer l’image CMS** / **URL ou expression de comparaison de l’image** et **Comparer les attributs** permettent une vue de comparaison avant/après — définissez la deuxième image et contrôlez son orientation, son interaction et son étiquetage. **Texte alternatif de comparaison** fournit un texte accessible pour l’image de comparaison.

## Style

{% tabs %}
{% tab title="Marge" %}
Contrôle l’espacement extérieur autour de l’image.
{% endtab %}

{% tab title="Rembourrage" %}
Contrôle l’espacement intérieur autour de l’image.
{% endtab %}

{% tab title="Bordure de l’image" %}

* **Rayon :** Ajustez l’arrondi des coins de l’image.
  {% 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-fr/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.