# AX - Immagine

## Panoramica

**AX - Immagine** è un componente di Experience Cloud che visualizza immagini nelle pagine dei siti Experience con controllo su dimensioni, ritaglio, allineamento e comportamento di caricamento.

Usalo per mostrare foto di prodotti, loghi, banner, immagini del profilo o qualsiasi contenuto visivo da Salesforce Content Documents, risorse statiche o URL esterni. Configura come le immagini vengono visualizzate, ritagliate e scalate in Experience Builder senza codice.

Perfetto per gallerie di prodotti, intestazioni con branding, sezioni di contenuti visivi, visualizzazioni del profilo o ovunque il tuo portale abbia bisogno di una presentazione flessibile delle immagini con dimensionamento responsivo.

## Tutorial

| Nome                                                                                                                                                                                                                                                  | Descrizione                                                              |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------ |
| [**Imposta la mappa per mostrare le informazioni dei dettagli del record**](https://docs.avonnicomponents.com/experience-cloud/experience-cloud-it/tutorial/componenti/mappa/configura-la-mappa-per-mostrare-le-informazioni-di-dettaglio-del-record) | Scopri come visualizzare i record su Experience Cloud usando Avonni Map. |

## Impostazioni

{% tabs %}
{% tab title="🎛️ Proprietà" %}

| Nome                                                                    | Descrizione                                                                                       | Utilizzo                                                                                                                                                      |
| ----------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **Immagine CMS o URL immagine**                                         | Specifica l'origine dell'immagine, sia da un CMS sia direttamente usando un URL immagine.         | Seleziona la sorgente che meglio si adatta alle tue preferenze di gestione delle immagini e garantisce facile accesso e aggiornamenti.                        |
| **Larghezza e altezza**                                                 | Determina la larghezza e l'altezza dell'immagine visualizzata.                                    | Imposta dimensioni che garantiscano che l'immagine si adatti armoniosamente al layout della pagina mantenendone la nitidezza.                                 |
| **Posizione**                                                           | Regola l'allineamento dell'immagine.                                                              | Allinea l'immagine all'interno del suo contenitore per mantenere un layout della pagina equilibrato ed esteticamente gradevole.                               |
| **Immagine statica**                                                    | Opzione per impostare l'immagine come statica.                                                    | Usa questa impostazione quando l'immagine non richiede adattamenti responsive e rimane costante su varie dimensioni dello schermo.                            |
| **Fluido e Fluid Grow**                                                 | Queste opzioni consentono all'immagine di adattare le proprie dimensioni in modo responsivo.      | Abilita queste impostazioni affinché le immagini si adattino fluidamente alle diverse dimensioni dello schermo, migliorando la responsività della pagina web. |
| **Miniatura**                                                           | Visualizza l'immagine come miniatura.                                                             | Utilizza questa opzione per presentare l'immagine in forma compatta, adatta a gallerie o anteprime.                                                           |
| **Caricamento lento**                                                   | Scegli tra caricamento automatico o caricamento lento dell'immagine.                              | Ottimizza i tempi di caricamento della pagina scegliendo un metodo di caricamento che bilanci visibilità immediata e prestazioni complessive della pagina.    |
| **Dimensione ritaglio, adattamento ritaglio, posizione ritaglio X e Y** | Personalizza il ritaglio dell'immagine per concentrarti sulle parti rilevanti.                    | Definisci i parametri di ritaglio per garantire che l'immagine mostri in evidenza le aree essenziali, migliorando la comunicazione visiva.                    |
| **Tipo di lente di ingrandimento**                                      | Seleziona lo stile di ingrandimento da applicare quando si visualizzano i dettagli dell'immagine. | Migliora l'interazione con l'utente scegliendo un tipo di lente di ingrandimento che consenta un'esplorazione dettagliata dell'immagine.                      |
| **Immagine di confronto CMS o URL di confronto**                        | Personalizza gli attributi della funzionalità di confronto.                                       | Affina la funzionalità di confronto con attributi che determinano orientamento, interazione e etichettatura, garantendo un'esperienza di confronto intuitiva. |
| **Attributi di confronto**                                              | Definisci i dettagli della funzionalità di ingrandimento.                                         | Personalizza il comportamento e l'aspetto della lente di ingrandimento per garantire che gli utenti possano esplorare facilmente i dettagli dell'immagine.    |
| **Attributi della lente di ingrandimento**                              | Regola la rotondità degli angoli dell'immagine.                                                   | Ammorbidisci o rendi più netti gli angoli dell'immagine impostando un raggio del bordo appropriato, contribuendo alla presentazione stilistica dell'immagine. |
| {% endtab %}                                                            |                                                                                                   |                                                                                                                                                               |

{% tab title="🎨 Stile" %}

{% endtab %}
{% endtabs %}