Componente Immagine image-component

Avvia ritaglio

Selezionando questa opzione si apre un elenco a discesa per le proporzioni predefinite del ritaglio.

• Scegli l’opzione Rimuovi Ritaglio per visualizzare la risorsa originale.

Una volta selezionata un’opzione di ritaglio, utilizza le maniglie blu per dimensionare il ritaglio sull’immagine.

Ruota a destra

Utilizza questa opzione per ruotare l’immagine di 90° verso destra (in senso orario).

Reimposta zoom

Se l’immagine è già stata ingrandita, utilizza questa opzione per reimpostare il livello di zoom.

Apri cursore Zoom

Utilizza questa opzione per visualizzare un cursore che permette di controllare il livello di zoom dell’immagine.

Eredita immagine in primo piano dalla pagina: Questa opzione utilizza l’immagine in primo piano della pagina collegata o l’immagine in primo piano della pagina corrente se l’immagine non è collegata.

Risorsa immagine:se è selezionata l’opzione Eredita immagine in primo piano dalla pagina, viene compilata automaticamente. Deseleziona questa opzione per definire manualmente l’immagine impostando le seguenti opzioni.

• Trascina una risorsa dal browser Risorse o tocca l’opzione Sfoglia per caricarla da un file system locale.

• Tocca o fai clic su Cancella per deselezionare l’immagine attualmente selezionata.

• Tocca o fai clic su Scegli per aprire il browser Risorse e seleziona un’immagine.

  • Se il Supporto risorse remote è attivato, sono disponibili diverse opzioni per la scelta di una risorsa:

    • Locale sceglie la risorsa dalla libreria di risorse AEM locale.
    • Remoto sceglie la risorsa da una libreria Dynamic Media esterna all’istanza AEM.

• Tocca o fai clic su Modifica per gestire le rappresentazioni della risorsa nell’Editor risorse.

Testo alternativo per accessibilità: Questo campo consente di definire una descrizione dell’immagine per gli utenti ipovedenti.

• Eredita testo alternativo dalla pagina: Questa opzione utilizza la descrizione alternativa del valore della risorsa collegata dei metadati dc:description in DAM o nella pagina corrente se non è collegata alcuna risorsa.

Non fornire testo alternativo : questa opzione contrassegna l’immagine da ignorare da parte di tecnologie di assistenza, come le utilità per la lettura dello schermo, nei casi in cui l’immagine sia puramente decorativa o in altro modo non trasmetta informazioni aggiuntive alla pagina.

Tipo di predefinito: definisce i tipi di immagini preimpostate disponibili, Predefinito immagine o Ritaglio avanzato, ed è disponibile solo se le funzioni di Dynamic Media sono abilitate.

• Predefinito immagine: se per Tipo di predefinito è selezionata l’opzione Predefinito immagine, è disponibile l’elenco a discesa Predefinito immagine che consente di selezionare i predefiniti di Dynamic Media disponibili. Questa opzione è disponibile solo se per la risorsa selezionata esistono dei predefiniti.
• Ritaglio avanzato : quando viene selezionato Tipo di predefinito di Ritaglio avanzato, è disponibile l’elenco a discesa Rappresentazione che consente di selezionare le rappresentazioni disponibili della risorsa selezionata. Questa opzione è disponibile solo se per la risorsa selezionata sono definiti rendering.
• Modificatori immagine: qui si possono definire comandi Dynamic Media aggiuntivi per la gestione delle immagini, separati da &, indipendentemente da qualunque cosa sia selezionata per Tipo di predefinito.

Didascalia: informazioni aggiuntive sull’immagine, per impostazione predefinita viene visualizzata sotto l’immagine.

• Ottieni didascalia da DAM : se questa opzione è selezionata, come didascalia dell’immagine verrà inserito il valore dei dc:title metadati in DAM.
• Visualizza didascalia come finestra a comparsa : se questa opzione è selezionata, la didascalia non verrà visualizzata sotto l’immagine, ma, in alcuni browser, come finestra a comparsa al passaggio del puntatore sull’immagine.

Collegamento: collega l’immagine a un’altra risorsa.

• Utilizza la finestra di dialogo per selezione per stabilire il collegamento con un’altra risorsa AEM.
• Se non stabilisci il collegamento con un’altra risorsa AEM, immetti l’URL assoluto. Gli URL non assoluti vengono interpretati come relativi a AEM.
• Apri il collegamento in una nuova scheda: questa opzione apre il collegamento in una nuova finestra del browser.

ID : questa opzione consente di controllare l’identificatore univoco del componente nel codice HTML e nel livello dati.

• Se non specificato, viene generato automaticamente un ID univoco reperibile sulla pagina risultante.
• Se l’ID viene specificato, è responsabilità dell’autore accertarsi che sia univoco.
• La modifica dell’ID può avere un impatto sul tracciamento di CSS, JS e Livello dati.

Abilita funzioni DM: Se questa opzione è selezionata, sono disponibili le funzioni di Dynamic Media.

• Questa opzione viene visualizzata solo quando Dynamic Media è abilitato nell’ambiente.

Abilita immagini ottimizzate per il web: quando questa opzione è selezionata, il servizio di consegna delle immagini ottimizzate per il web fornisce immagini in formato WebP, riducendone in media le dimensioni del 25%.

• Questa opzione è disponibile solo in AEMaaCS.
• Se non è selezionata o se il servizio di consegna delle immagini ottimizzate per il web non è disponibile, viene utilizzato Adaptive Image Servlet .

Disattiva il caricamento lento: se questa opzione è selezionata, il componente precarica tutte le immagini senza caricamento lento.

L’immagine è decorativa: consente di definire se l’opzione dell’immagine decorativa è abilitata automaticamente quando si aggiunge il componente Immagine a una pagina.

Ottieni testo alternativo da DAM: consente di definire se l’opzione per recuperare il testo alternativo dal DAM è abilitata automaticamente quando si aggiunge il componente Immagine a una pagina.

Ottieni didascalia da DAM: consente di definire se l’opzione per recuperare la didascalia dal DAM è abilitata automaticamente quando si aggiunge il componente Immagine a una pagina.

Visualizza didascalia come nota a comparsa: consente di definire se l’opzione per visualizzare la didascalia dell’immagine come nota a comparsa è abilitata automaticamente quando si aggiunge il componente Immagine a una pagina.

Larghezza di ridimensionamento: Questo valore viene utilizzato per ridimensionare la larghezza delle immagini di base che sono risorse DAM.

• Le proporzioni delle immagini vengono mantenute.
• Se il valore è maggiore della larghezza effettiva dell’immagine, questo valore non avrà alcun effetto.
• Questo valore non ha alcun effetto sulle immagini di SVG.

Larghezze: consente di definire un elenco di larghezze, espresse in pixel, in modo che l’immagine e il componente possano automaticamente caricare la larghezza appropriata in base alle dimensioni della finestra del browser.

• Tocca o fai clic sul pulsante Aggiungi per aggiungere un’altra dimensione.

  • Utilizza le maniglie per ridisporre l’ordine delle dimensioni.
  • Utilizza l’icona Elimina per rimuovere una larghezza.

• Per impostazione predefinita, il caricamento delle immagini viene differito fino a quando non diventano visibili.

  • Seleziona l’opzione Disattiva il caricamento lento per caricare le immagini al caricamento della pagina.

Qualità JPEG: fattore di qualità, espresso come percentuale tra 0 e 100, per immagini JPEG trasformate, ad esempio ridimensionate o ritagliate.