# AX - Image ## 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**](/experience-cloud/experience-cloud-it/tutorial/componenti/mappa/imposta-la-mappa-per-mostrare-le-informazioni-dettagliate-del-record.md) | 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 %} --- # 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.avonnicomponents.com/experience-cloud/experience-cloud-it/experience-components/ax-image.md?ask= ``` 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.