Imaging avanzato

Cos’è l’imaging intelligente?

La tecnologia Smart Imaging applica le funzionalità di Adobe Sensei AI e funziona con i "predefiniti immagine" esistenti 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.

NOTA

Questa funzione richiede l’utilizzo della rete CDN preconfigurata (Content Delivery Network) inclusa in 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 CDN premium 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 ottenere in media un ulteriore ottimizzazione del 38% delle dimensioni dei 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?

Poiché le immagini costituiscono la maggior parte del tempo di caricamento di una pagina, il miglioramento delle prestazioni può avere un impatto profondo su un'azienda, come una conversione più elevata, il tempo trascorso sul sito e un tasso di mancato recapito del sito inferiore.

Miglioramenti all'ultima versione di Smart imaging:

  • È stata migliorata la classificazione SEO di Google per le pagine web che utilizzano l’immagine avanzata più recente.
  • Distribuisce immediatamente i contenuti ottimizzati (in fase di esecuzione).
  • 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.

Esistono costi di licenza associati all'imaging intelligente?

No. La funzione Smart imaging è inclusa nella licenza esistente di Dynamic Media Classic o Adobe Experience Manager - Dynamic Media (On-Prem, AMS e Adobe 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 (in iOS, macOS, iPadOS), supporto del browser e della versione del sistema operativo WebP
    • Android™
    • Opera
  • Supporto di browser legacy per i seguenti elementi:

    Browser Versione browser/sistema operativo Formato
    Safari Precedente ad 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 miei predefiniti immagine esistenti già in uso?

Smart imaging funziona con i "predefiniti immagine" esistenti ed osserva tutte le impostazioni dell'immagine eccetto la qualità (qlt) e il formato (fmt) se il formato 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 le dimensioni originali dell'immagine sono inferiori a quelle prodotte 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.

Sono idoneo all’utilizzo di imaging intelligente?

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 tuoi domini, apri l' applicazione desktop Dynamic Media Classic, quindi accedi al tuo account o account aziendali.

Passa a Configurazione > Impostazione applicazione > Impostazioni generali Cerca il campo contrassegnato Nome server pubblicato. Se utilizzi un dominio generico, puoi richiedere il passaggio al dominio personalizzato come parte di questa 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 di utilizzare l'imaging intelligente; 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.

  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 l’imaging intelligente (ovvero images.company.com o mycompany.scene7.com).

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

      Passa 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 tuoi domini, apri l' applicazione desktop Dynamic Media Classic, quindi accedi al tuo account o account aziendali.

      Passa a Configurazione > Impostazione applicazione > Impostazioni generali.

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

    5. Indica se è anche necessario utilizzare l’imaging intelligente per utilizzare HTTP/2.

  3. L’Assistenza clienti di Adobe ti aggiunge all’elenco di attesa dei clienti di Smart imaging in base all’ordine in cui sono state inviate le richieste.

  4. Quando Adobe è pronto per gestire la richiesta, è necessario contattare il supporto per coordinare e impostare una data di destinazione.

  5. Facoltativo - È possibile testare l’imaging intelligente in Staging prima che Adobe introduca la nuova funzione in produzione.

  6. Dopo il completamento dell’attività, 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, passa a Configurazione > Impostazione applicazione > Impostazioni 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 alla rete CDN perché implica 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 pianifica 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 l’account con l’imaging intelligente, carica un URL immagine Dynamic Media Classic o Adobe Experience Manager - Dynamic Media sul browser.

  2. Apri il riquadro per gli sviluppatori di Chrome passando a View > Developer > Developer Tools 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®, accedi alle impostazioni nel riquadro degli strumenti per sviluppatori, quindi seleziona la casella di controllo Disattiva 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? (#tuning-settings)

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

Se Smart imaging gestisce le impostazioni di qualità, è necessario impostare valori minimi e massimi? Ad esempio, è possibile impostare "non inferiore a 60" e "non superiore a 80 qualità"? (#minimum-maximum)

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

A volte, un'immagine di JPEG viene restituita a Chrome invece di un'immagine WebP. Perché cambia? (#jpeg-webp)

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.

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

In questa pagina