Imaging avanzato

Cos’è l’imaging intelligente?

La tecnologia Smart Imaging applica le funzionalità di Adobe Sensei AI e funziona con i "predefiniti immagine" esistenti. Funziona per migliorare le prestazioni di distribuzione delle immagini ottimizzando automaticamente il formato, le dimensioni e la qualità delle immagini in base alle funzionalità del browser client.

IMPORTANTE

L’imaging avanzato richiede l’utilizzo della rete CDN preconfigurata (Content Delivery Network) fornita in bundle con Adobe Experience Manager - Dynamic Media. Qualsiasi altra CDN personalizzata non è supportata con questa funzione.

L’imaging intelligente trae inoltre vantaggio dal miglioramento delle prestazioni dell’integrazione completa con il servizio premium CDN (Content Delivery Network) di Adobe. Questo servizio trova il percorso Internet ottimale tra server, reti e punti di peer. Trova un percorso che ha la latenza più bassa e la velocità di perdita più bassa del pacchetto invece di utilizzare il percorso predefinito su Internet.

Gli esempi di risorse immagine seguenti illustrano l’ottimizzazione Smart Imaging aggiunta:

Immagine
(URL)
Miniatura Dimensione
(JPEG)
Dimensione (WebP)
(con Smart imaging)
Riduzione del %
Immagine 1 picture1 73.75 KB 45.92 KB 38%
Immagine 2 picture2 191 KB 70.66 KB 63%
Immagine 3 picture3 96.64 KB 39.44 KB 59%
Immagine 4 immagine4 315.80 KB 178.19 KB 44%
Media = 51%

Simile a quanto sopra, Adobe ha anche eseguito un test con 7009 URL dai siti dei clienti live. Sono stati in grado di raggiungere una media del 38% in più di ottimizzazione delle dimensioni del file per JPEG. Per PNG con formato WebP, sono stati in grado di raggiungere una media di 31% ulteriore ottimizzazione delle dimensioni del file. Questo tipo di ottimizzazione è possibile grazie alla capacità di Smart imaging.

Sul web mobile, le sfide sono aggravate da due fattori:

  • Ampia varietà di dispositivi con diversi fattori di forma e display ad alta risoluzione.
  • Larghezza di banda di rete vincolata.

In termini di immagini, l'obiettivo è quello di offrire immagini di qualità ottimale nel modo più efficiente possibile.

Informazioni sull’ottimizzazione del rapporto pixel del dispositivo

Il rapporto pixel del dispositivo (DPR), noto anche come rapporto pixel CSS, è la relazione tra i pixel fisici di un dispositivo e i pixel logici. Soprattutto con l'avvento degli schermi Retina, la risoluzione dei pixel dei moderni dispositivi mobili sta crescendo a un ritmo veloce.

Attivando l’ottimizzazione del rapporto pixel del dispositivo, l’immagine viene riprodotta alla risoluzione nativa dello schermo, che la rende più nitida.

Attivando la configurazione di Smart imaging DPR, l'immagine richiesta viene regolata automaticamente in base alla densità di pixel del display da cui viene servita la richiesta. Attualmente, la densità di pixel del display proviene dai valori di intestazione CDN di Akamai.

Valori consentiti nell’URL di un’immagine Descrizione
dpr=off Disattiva l’ottimizzazione DPR a livello di singolo URL immagine.
dpr=on,dprValue Sostituisci il valore DPR rilevato da Smart Imaging con un valore personalizzato (rilevato da qualsiasi logica lato client o con altri metodi). Il valore consentito per dprValue è un numero qualsiasi maggiore di 0. I valori specificati di 1.5, 2 o 3 sono tipici.
NOTA
  • Puoi utilizzare dpr=on,dprValue anche se l’impostazione DPR a livello aziendale è disattivata.
  • Grazie all’ottimizzazione DPR, quando l’immagine risultante è maggiore dell’impostazione MaxPix Dynamic Media, la larghezza MaxPix viene sempre riconosciuta mantenendo le proporzioni dell’immagine.
Dimensione immagine richiesta Valore DPR Dimensione dell'immagine
816 x 500 1 816 x 500
816 x 500 2 1632x1000

Vedi anche Quando lavori con immagini e Quando lavori con Smart Crop.

Informazioni sull'ottimizzazione della larghezza di banda della rete

L'attivazione della larghezza di banda della rete regola automaticamente la qualità dell'immagine fornita in base all'effettiva larghezza di banda della rete. Per una larghezza di banda di rete insufficiente, l'ottimizzazione DPR viene automaticamente disattivata, anche se è già attivata.

Se lo desideri, la tua azienda può rinunciare all'ottimizzazione della larghezza di banda di rete a livello di singola immagine aggiungendo network=off all'URL dell'immagine.

Valore consentito nell’URL di un’immagine Descrizione
network=off Disattiva l'ottimizzazione della rete a livello di singolo URL immagine.
NOTA

I valori DPR e della larghezza di banda di rete si basano sui valori rilevati lato client della rete CDN inclusa nel pacchetto. Questi valori a volte sono imprecisi. Ad esempio, iPhone5 con DPR=2 e iPhone12 con DPR=3, entrambi mostrano DPR=2. Tuttavia, per i dispositivi ad alta risoluzione, l'invio di DPR=2 è migliore dell'invio di DPR=1. Disponibile a breve: Adobe sta lavorando sul codice lato client per determinare con precisione il DPR di un utente finale.

Quali sono i vantaggi principali dell'ultima generazione di Smart imaging?

Le immagini costituiscono la maggior parte del tempo di caricamento di una pagina. Di conseguenza, qualsiasi miglioramento delle prestazioni può avere un impatto profondo su tassi di conversione più elevati, sul tempo trascorso su un sito e su tassi di mancato recapito del sito più bassi.

Miglioramenti all'ultima versione di Smart imaging:

  • È stata migliorata la classificazione SEO di Google per le pagine web che utilizzano l’imaging avanzato più recente.
  • Distribuisce immediatamente il contenuto ottimizzato (in fase di runtime).
  • Utilizza la tecnologia Adobe Sensei per convertire in base alla qualità (qlt) specificata nella richiesta di immagine.
  • L’imaging avanzato può essere disattivato utilizzando il parametro URL bfc .
  • TTL (Time To Live) indipendente. Precedentemente, per il funzionamento di Smart imaging era obbligatorio un TTL minimo di 12 ore.
  • Precedentemente, sia le immagini originali che quelle derivate venivano memorizzate nella cache ed era un processo in due fasi per annullare la validità della cache. Nell’ultimo Smart imaging, solo i derivati vengono memorizzati nella cache, consentendo un processo di invalidazione della cache a un solo passaggio.
  • I clienti che utilizzano intestazioni personalizzate nel loro set di regole beneficiano dell’ultima Smart imaging, in quanto queste intestazioni non sono bloccate, a differenza della versione precedente di Smart imaging. Ad esempio, "Timing Allow Origin", "X-Robot" come suggerito in Aggiungi un valore di intestazione personalizzato alle risposte alle immagini|Dynamic Media Classic.

Sono presenti costi di licenza associati all'imaging intelligente?

No. Smart imaging è incluso nella licenza esistente. Questa regola è valida per Dynamic Media Classic o Experience Manager - Dynamic Media (On-Prem, AMS e Experience Manager as a Cloud Service).

NOTA

La funzione Smart imaging non è disponibile per i clienti ibridi di Dynamic Media.

Come funziona l'imaging intelligente?

Quando un'immagine viene richiesta da un consumatore, Smart imaging controlla le caratteristiche dell'utente e la conversione nel formato immagine appropriato in base al browser in uso. Queste conversioni di formato vengono effettuate in modo da non compromettere la fedeltà visiva. La funzione Smart imaging converte automaticamente le immagini in formati diversi in base alla funzionalità del browser nel modo seguente.

  • Converti automaticamente in WebP per i seguenti browser:

    • Chrome
    • Firefox
    • Microsoft® Edge
    • Safari (su iOS, macOS, iPadOS), supporto per la versione del browser e del sistema operativo WebP
    • Android™
    • Opera
  • Supporto di browser legacy per i seguenti elementi:

    Browser Versione browser/sistema operativo Formato
    Safari Precedente a iOS/iPad 14.0 o macOS BigSur JPEG2000
    Bordo Anteriore a 18 JPEGXR
    Internet Explorer 9+ JPEGXR
  • Per i browser che non supportano questi formati, viene distribuito il formato immagine richiesto originariamente.

Se la dimensione dell'immagine originale è inferiore a quella prodotta da Smart imaging, l'immagine originale viene servita.

Quali formati immagine sono supportati?

I seguenti formati immagine sono supportati per Smart imaging:

  • JPEG
  • PNG

Come funziona l’imaging avanzato con i predefiniti immagine esistenti già in uso?

L’imaging avanzato funziona con i "predefiniti immagine" esistenti. Osserva tutte le impostazioni dell'immagine eccetto la qualità (qlt) e il formato (fmt) se il formato del file richiesto è JPEG o PNG. Per la conversione del formato, l'imaging intelligente mantiene la fedeltà visiva completa, come definita dalle impostazioni del predefinito per immagini, ma con dimensioni file inferiori. Se la dimensione dell'immagine originale è inferiore a quella prodotta da Smart imaging, l'immagine originale viene servita.

Devo modificare URL, predefiniti per immagini o distribuire un nuovo codice sul mio sito per Smart Imaging?

La funzione Smart Imaging funziona direttamente con gli URL delle immagini esistenti e i predefiniti per immagini se configuri Smart Imaging sul dominio personalizzato esistente. Inoltre, Smart imaging non richiede di aggiungere codice sul sito web per rilevare il browser di un utente. Viene gestito tutto automaticamente.

Se devi configurare un nuovo dominio personalizzato per l’utilizzo di Smart imaging, gli URL devono essere aggiornati per riflettere questo dominio personalizzato.

Per comprendere i prerequisiti per l’imaging intelligente, consulta Posso utilizzare l’imaging avanzato?

L’imaging avanzato funziona con HTTPS? E HTTP/2?

Smart imaging funziona con le immagini distribuite tramite HTTP o HTTPS. Inoltre, funziona anche su HTTP/2.

Posso utilizzare le Smart imaging?

Per utilizzare Smart imaging, l’account Dynamic Media Classic o Dynamic Media della tua azienda deve soddisfare i seguenti requisiti:

  • Utilizza la rete CDN (Content Delivery Network) in bundle Adobe come parte della tua licenza.
  • Utilizza un dominio dedicato (ad esempio, images.company.com o mycompany.scene7.com), non un dominio generico (ad esempio, s7d1.scene7.com, s7d2.scene7.com o s7d13.scene7.com).

Per trovare i domini, apri l' applicazione desktop Dynamic Media Classic, quindi accedi al tuo account o account aziendali.

Vai a Configurazione > Impostazione applicazione > Impostazioni generali. Cerca il campo con etichetta Nome server pubblicato. Se al momento utilizzi un dominio generico, puoi richiedere di passare al dominio personalizzato. Esegui questa richiesta di transizione quando invii un ticket di assistenza tecnica.

Il tuo primo dominio personalizzato non comporta costi aggiuntivi con una licenza Dynamic Media.

Qual è il processo per abilitare Smart imaging per il mio account?

Avviate la richiesta per utilizzare Smart imaging; non è abilitato automaticamente.

Per impostazione predefinita, Smart imaging DPR e l’ottimizzazione della rete sono disabilitati (disattivati) per un account aziendale Dynamic Media. Se desideri abilitare (attivare) uno o entrambi questi miglioramenti predefiniti, crea un caso di supporto come descritto di seguito.

La pianificazione della versione per Smart imaging DPR e l’ottimizzazione della rete è la seguente:

Regione Data di destinazione
America del Nord Live
Europa, Medio Oriente, Africa 13 agosto 2021
Asia-Pacifico 22 luglio 2021
  1. Utilizza l’Admin Console per creare un caso di supporto.

  2. Fornisci le seguenti informazioni nel tuo caso di assistenza:

    1. Nome contatto principale, e-mail, telefono.

    2. Tutti i domini da abilitare per Smart imaging (ovvero images.company.com o mycompany.scene7.com).

      Per trovare i domini, apri l' applicazione desktop Dynamic Media Classic, quindi accedi al tuo account o account aziendali.

      Vai a Configurazione > Impostazione applicazione > Impostazioni generali.

      Cerca il campo con etichetta Nome server pubblicato.

    3. Verifica di utilizzare la CDN tramite Adobe e di non gestirla con una relazione diretta.

    4. Verifica di utilizzare un dominio dedicato come images.company.com o mycompany.scene7.com e non un dominio generico, ad esempio s7d1.scene7.com, s7d2.scene7.com, s7d13.scene7.com.

      Per trovare i domini, apri l' applicazione desktop Dynamic Media Classic, quindi accedi al tuo account o account aziendali.

      Vai a Configurazione > Impostazione applicazione > Impostazioni generali.

      Cerca il campo con etichetta Nome server pubblicato. Se utilizzi un dominio generico Dynamic Media Classic, puoi richiedere il passaggio al dominio personalizzato come parte di questa transizione.

    5. Indica se desideri che funzioni su HTTP/2.

  3. L’Assistenza clienti di Adobe ti aggiunge all’elenco di attesa del cliente Smart imaging in base all’ordine in cui vengono inviate le richieste.

  4. Quando Adobe è pronto per gestire la richiesta, l’Assistenza clienti ti contatta per coordinare e impostare una data di destinazione.

  5. Facoltativo: Facoltativamente, puoi testare l’imaging avanzato nell’ambiente di staging prima che Adobe introduca la nuova funzione in produzione.

  6. Dopo il completamento, riceverai una notifica dall’Assistenza clienti.

  7. Per ottimizzare le prestazioni dell’imaging avanzato, Adobe consiglia di impostare il valore TTL (Time To Live) a 24 ore o più. Il TTL definisce per quanto tempo le risorse vengono memorizzate nella cache dalla rete CDN. Per modificare questa impostazione:

    1. Se utilizzi Dynamic Media Classic, vai a Configurazione > Impostazione applicazione > Configurazione pubblicazione > Server immagini. Imposta il valore Default Client Cache Time To Live su 24 o più a lungo.
    2. Se utilizzi Dynamic Media, segui queste istruzioni. Imposta il valore Scadenza su 24 ore o più.

Quando posso aspettarmi che il mio account sia abilitato con Smart imaging?

Le richieste vengono elaborate nell’ordine in cui vengono ricevute dall’Assistenza clienti, in base all’Elenco di attesa.

NOTA

Ci può essere un lungo tempo di lead perché l’abilitazione di Smart imaging comporta ad Adobe la cancellazione della cache. Pertanto, è possibile gestire solo alcune transizioni dei clienti in un dato momento.

Quali sono i rischi connessi al passaggio all’app per l’utilizzo di Smart imaging?

Non vi è alcun rischio per una pagina web del cliente. Tuttavia, la transizione a Smart imaging cancella la cache CDN. Questa operazione comporta il passaggio a una nuova configurazione di Dynamic Media Classic o Dynamic Media all’Experience Manager.

Durante la transizione iniziale, le immagini non memorizzate nella cache colpiscono direttamente i server di origine di Adobe fino a quando la cache non viene ricostruita nuovamente. Di conseguenza, Adobe prevede di gestire alcune transizioni dei clienti alla volta in modo da mantenere prestazioni accettabili durante l’estrazione delle richieste dall’origine. Per la maggior parte dei clienti, la cache è completamente integrata nuovamente nella rete CDN entro circa 1 - 2 giorni.

Come posso verificare se l’imaging intelligente funziona come previsto?

  1. Dopo aver configurato il tuo account con Smart imaging, carica un URL immagine Dynamic Media Classic o Adobe Experience Manager - Dynamic Media sul browser.

  2. Apri il riquadro per gli sviluppatori di Chrome andando in Visualizza > Sviluppatore > Strumenti per sviluppatori nel browser. Oppure, scegli uno strumento per sviluppatori di browser a tua scelta.

  3. Assicurati che la cache sia disabilitata quando gli strumenti per sviluppatori sono aperti.

    • In Windows®, passare alle impostazioni nel riquadro degli strumenti per sviluppatori, quindi selezionare la casella di controllo Disabilita cache (mentre devtools è aperto).
    • In macOS, nel riquadro dello sviluppatore, sotto la scheda Rete, selezionare disabilita cache.
  4. Osserva il tipo di contenuto viene trasformato nel formato appropriato. La schermata seguente mostra un'immagine PNG convertita dinamicamente in WebP su Chrome.

  5. Ripeti questo test su diversi browser e condizioni utente.

NOTA

Non tutte le immagini vengono convertite. L’imaging intelligente decide se la conversione può migliorare le prestazioni. A volte, quando non si prevede alcun guadagno di prestazioni o il formato non è JPEG o PNG, l'immagine non viene convertita.

image2017-11-14_15398

È possibile disattivare l'imaging intelligente per qualsiasi richiesta?

Sì. Per disattivare l’imaging avanzato, aggiungi il modificatore bfc=off all’URL.

Posso richiedere che DPR e l'ottimizzazione della rete siano disattivati a livello aziendale?

Sì. Per disabilitare il DPR e l’ottimizzazione della rete nella tua azienda, crea un caso di assistenza come descritto in precedenza in questo argomento.

Quale "tuning" è disponibile? Esistono impostazioni o comportamenti che possono essere definiti?

Attualmente, è possibile abilitare o disabilitare l'imaging avanzato. Nessun'altra sintonizzazione disponibile.

Se Smart imaging gestisce le impostazioni di qualità, posso impostare valori minimi e massimi? Ad esempio, è possibile impostare "non inferiore a 60" e "non superiore a 80 qualità"?

L'attuale Smart imaging non è in grado di effettuare il provisioning.

A volte un'immagine JPEG viene restituita a Chrome invece di un'immagine WebP. Perché cambia?

L’imaging intelligente determina se la conversione è utile o meno. Restituisce la nuova immagine solo se la conversione si traduce in una dimensione file più piccola con qualità comparabile.

Come funziona l’ottimizzazione DPR per Smart imaging con i componenti Adobe Experience Manager Sites e i visualizzatori Dynamic Media?

  • I componenti core di Experience Manager Sites sono configurati per impostazione predefinita per l’ottimizzazione DPR. Per evitare immagini di dimensioni eccessive dovute all’ottimizzazione DPR per Smart imaging lato server, dpr=off viene sempre aggiunto alle immagini Dynamic Media dei componenti core di Experience Manager Sites.
  • Dato che il componente Dynamic Media Foundation è configurato per impostazione predefinita per l’ottimizzazione DPR, per evitare immagini di dimensioni eccessive a causa dell’ottimizzazione DPR Smart imaging lato server, dpr=off viene sempre aggiunto alle immagini dei componenti Dynamic Media Foundation. Anche se il cliente deseleziona l’ottimizzazione DPR nel componente di base DM, Smart imaging DPR lato server non viene avviato. In sintesi, nel componente di base DM, l’ottimizzazione DPR entra in vigore solo in base all’impostazione a livello di componente di base DM.
  • L’ottimizzazione DPR lato visualizzatore funziona in parallelo con l’ottimizzazione DPR per le immagini avanzate lato server e non produce immagini di dimensioni eccessive. In altre parole, ogni volta che il visualizzatore gestisce il DPR, ad esempio la visualizzazione principale solo in un visualizzatore abilitato per lo zoom, i valori DPR per l’imaging intelligente lato server non vengono attivati. Allo stesso modo, ogni volta che gli elementi del visualizzatore, come campioni e miniature, non dispongono di gestione DPR, viene attivato il valore DPR per l’imaging intelligente lato server.

Vedere anche Quando si lavora con immagini e Quando si lavora con Smart Crop. —>

In questa pagina