Configurare il comportamento Smart Imaging e DPR in AEMaaCS con Dynamic Media

Le funzioni di Smart Imaging come la conversione del formato del browser (BFC), l’ottimizzazione della larghezza di banda di rete e l’ottimizzazione del rapporto pixel del dispositivo (DPR) in Adobe Experience Manager as a Cloud Service (AEMaaCS) con Dynamic Media possono creare confusione per la configurazione e la comprensione. Questo articolo spiega come funzionano queste funzioni, come influiscono sulla consegna delle immagini e cosa considerare per una configurazione corretta quando si utilizzano i Componenti core.

Descrizione description

Ambiente

  • Prodotto: Adobe Experience Manager as a Cloud Service - Assets (Dynamic Media)
  • Vincoli: utilizzo del componente core Image V3 con l’integrazione Dynamic Media

Problema/Sintomi

  • L’abilitazione di Smart Imaging a livello dell’account Dynamic Media non applica automaticamente l’ottimizzazione DPR alle immagini renderizzate dal componente core Image V3.
  • Il parametro dpr=off viene aggiunto agli URL dell’immagine Scene7 quando più larghezze non sono configurate nel criterio del componente o quando smartCrop non è abilitato.
  • Se non configurate correttamente, le immagini appaiono di qualità inferiore o meno nitide su schermi DPI/Retina elevati.
  • L’impostazione di dpr=on o il passaggio di valori DPR tramite modificatori di immagini non esclude questo comportamento a causa della logica del componente.

Risoluzione resolution

Per risolvere il problema, effettua le seguenti operazioni:

  1. Abilita Smart Imaging a livello di azienda o account Dynamic Media per il tuo ambiente (stage o produzione).

  2. Apri il modello o la pagina che utilizza il componente core Immagine V3 con Dynamic Media abilitato.

  3. Modifica il criterio per il componente core Immagine V3 utilizzato nel modello o nella pagina.

  4. Configura più larghezze per le immagini reattive nel criterio del componente.

  5. Salva e applica il criterio aggiornato.

  6. Ripubblica le pagine interessate in modo che le modifiche abbiano effetto.

  7. Test del rendering delle immagini su dispositivi DPI standard e ad alto DPI (Retina):

    • Sulle schermate DPI standard, dpr=off viene visualizzato negli URL immagine per progettazione per evitare immagini di grandi dimensioni.
    • Sugli schermi ad alta risoluzione, le immagini ad alta risoluzione vengono distribuite quando sono configurate larghezze multiple.
  8. Utilizza il componente Dynamic Media dedicato invece di Image V3 se hai bisogno di una migliore qualità dell’immagine senza modificatori manuali.

  9. Verificare che le immagini siano chiare su display ad alto DPI e caricarle in modo efficiente su display standard.

Note

  • L’aggiunta di dpr=off per impostazione predefinita evita immagini inutilmente grandi su schermi non Retina. Non si tratta di un difetto del prodotto, ma di una protezione per l’ottimizzazione.
  • Forzare il DPR utilizzando modificatori o predefiniti URL non esclude questa salvaguardia in Image V3. Utilizza invece più larghezze nei criteri.
  • Dopo l’abilitazione dell’ottimizzazione DPR a livello di account, non sono necessarie modifiche dell’URL lato applicazione. Se necessario, è comunque possibile utilizzare la logica lato client per scenari avanzati.
  • La conversione del formato di Smart Imaging (ad esempio, WebP o AVIF) è attivata per impostazione predefinita quando Smart Imaging è attivo a livello di account. Si applica solo quando riduce le dimensioni del file senza influire sulla qualità.

Lettura correlata

recommendation-more-help
experience-cloud-kcs-help-kbarticles