Imaging avanzato smart-imaging
Scopri in che modo l’imaging intelligente con intelligenza artificiale di Adobe Sensei applica le caratteristiche di visualizzazione uniche di ogni utente per fornire automaticamente le immagini giuste ottimizzate per la propria esperienza, con conseguente miglioramento delle prestazioni e del coinvolgimento.
Informazioni sulla tecnologia Smart Imaging about-smart-imaging
La tecnologia di imaging intelligente applica le funzionalità di intelligenza artificiale di Adobe Sensei e funziona con i "predefiniti immagine" esistenti. Funziona per migliorare le prestazioni di consegna delle immagini ottimizzando automaticamente il formato, le dimensioni e la qualità delle immagini in base alle funzionalità del browser client.
E ora, ottieni un punteggio Google Core Web Vital migliore per LCP (Largest Contentful Paint) con Smart Imaging migliorato, che ora viene fornito con supporto sia AVIF che WebP.
- Dimensione del file (con consegna WebP e AVIF)
- Larghezza di banda di rete
- DPR (Device Pixel Ratio, rapporto pixel dispositivo)
La tecnologia Smart Imaging ottimizza ulteriormente le prestazioni grazie alla piena integrazione con il migliore servizio CDN (Content Delivery Network) Adobe. Questo servizio individua il percorso Internet ottimale tra server, reti e punti di peering. Trova una route con latenza e velocità di perdita dei pacchetti più basse anziché utilizzare la route predefinita su Internet.
I seguenti esempi di risorse di immagini illustrano l’ottimizzazione Smart Imaging aggiunta:
Analogamente a quanto sopra, Adobe ha anche eseguito un test con un set di campioni più grande. Il formato AVIF forniva una riduzione delle dimensioni del 20% in più rispetto a WebP, che forniva una riduzione del 27% rispetto a JPEG. Tutto alla stessa qualità visiva. In totale, AVIF fornisce una riduzione media delle dimensioni fino al 41% rispetto a JPEG.
Confrontando WebP e AVIF con PNG, si può notare una riduzione delle dimensioni dell'84% con WebP e dell'87% con AVIF. Inoltre, poiché sia il formato WebP che AVIF supportano la trasparenza e le animazioni di più immagini, si tratta di una valida sostituzione per i file PNG e GIF trasparenti.
Vedi anche Ottimizzazione immagine con formati immagine di nuova generazione (WebP e AVIF)
Vantaggi della tecnologia Smart Imaging
La tecnologia Smart Imaging ottimizza automaticamente la consegna delle immagini ottimizzando le dimensioni del file in base al browser, alla visualizzazione del dispositivo e alle condizioni di rete dell'utente. Questo approccio garantisce tempi di caricamento più rapidi e una migliore esperienza di visualizzazione in ambienti diversi. Poiché le immagini rappresentano la maggior parte del tempo di caricamento di una pagina, qualsiasi miglioramento delle prestazioni può avere un impatto profondo sui KPI aziendali, ad esempio quanto segue:
- Tassi di conversione più elevati.
- Tempo trascorso su un sito.
- Riduci le percentuali di mancato recapito del sito.
I vantaggi più recenti della tecnologia Smart Imaging includono:
- Supporta il formato AVIF di nuova generazione.
- PNG in WebP e AVIF ora supporta la conversione con perdita di dati. Poiché PNG è un formato senza perdita di dati, le versioni precedenti di WebP e AVIF distribuite non avevano perdite.
- Conversione formato browser
- Proporzioni pixel dispositivo
- Larghezza di banda di rete
Informazioni sulla conversione del formato del browser bfc
Attivando la conversione del formato del browser aggiungendo bfc=on
all'URL dell'immagine, JPEG e PNG vengono automaticamente convertiti in file AVIF con perdita di dati, WebP con perdita di dati, JPEGXR con perdita di dati, JPEG2000 con perdita di dati per browser diversi. Per i browser che non supportano tali formati, la tecnologia Smart Imaging continua a essere utilizzata come JPEG o PNG. Smart Imaging ricalcola la qualità del nuovo formato insieme alla modifica del formato.
Per disattivare Smart Imaging, aggiungi bfc=off
all'URL dell'immagine.
Vedere anche bfc nell'API di server e rendering immagini Dynamic Medie.
Informazioni sull'ottimizzazione delle proporzioni pixel del dispositivo dpr
DPR (Device Pixel Ratio), noto anche come CSS Pixel Ratio (Rapporto pixel CSS), rappresenta la relazione tra i pixel fisici di un dispositivo e i pixel logici. Con l'aumento dei display retina, la risoluzione dei pixel dei dispositivi mobili moderni è in rapido aumento.
Attivando l'ottimizzazione del rapporto pixel del dispositivo, l'immagine viene riprodotta alla risoluzione nativa dello schermo, rendendola più nitida.
Attualmente, la densità di pixel della visualizzazione proviene dai valori di intestazione della rete CDN di Akamai.
dpr=off
dpr=on,dprValue
dprValue
è un numero qualsiasi maggiore di 0.- È possibile utilizzare
dpr=on,dprValue
anche se l'impostazione DPR a livello aziendale è disattivata. - A causa dell'ottimizzazione DPR, quando l'immagine risultante è maggiore dell'impostazione MaxPix Dynamic Medie, la larghezza MaxPix viene sempre riconosciuta mantenendo le proporzioni dell'immagine. -->
Vedi anche Quando lavori con le immagini e Quando lavori con Ritaglio avanzato.
Informazioni sull'ottimizzazione della larghezza di banda di rete bandwidth
L'attivazione della larghezza di banda consente di regolare automaticamente la qualità dell'immagine trasmessa in base all'effettiva larghezza di banda della rete. In caso di larghezza di banda insufficiente, l'ottimizzazione DPR (Device Pixel Ratio) viene automaticamente disattivata, anche se è già attiva.
La tua azienda può disabilitare l'ottimizzazione della larghezza di banda di rete per singole immagini aggiungendo network=off
all'URL dell'immagine.
network=off
I valori di DPR e larghezza di banda di rete si basano sui valori lato client rilevati per la rete CDN in bundle. 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 rispetto all'invio di dpr=1
. Il modo migliore per superare questa imprecisione, tuttavia, è utilizzare il DPR lato client per fornire valori accurati al 100%. E funziona per qualsiasi dispositivo, sia esso Apple o qualsiasi altro dispositivo che è stato lanciato. Vedi Utilizzare Smart Imaging con le proporzioni pixel del dispositivo lato client.
Ulteriori vantaggi chiave della tecnologia 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 la conversione in base alla qualità (
qlt
) specificata nella richiesta di immagine. - TTL (Time To Live) indipendente. In precedenza, era obbligatorio un TTL minimo di 12 ore affinché l’imaging intelligente potesse funzionare.
- In precedenza, le immagini originali e derivate venivano memorizzate nella cache ed era un processo in due fasi per invalidare la cache. Nell’ultima versione di Smart Imaging, vengono memorizzate nella cache solo le derivate, consentendo un processo di invalidamento della cache in un unico passaggio.
- I clienti che utilizzano intestazioni personalizzate nei propri set di regole beneficiano della tecnologia Smart Imaging più recente, in quanto queste intestazioni non sono bloccate, a differenza della versione precedente di Smart Imaging. "Timing Allow Origin" e "X-Robot", ad esempio, come suggerito in Aggiungere un valore di intestazione personalizzato alle risposte dell'immagine|Dynamic Media Classic.
Come funziona l'imaging intelligente how-smart-imaging-works
Quando un consumatore richiede un’immagine, la tecnologia Smart Imaging ne analizza le caratteristiche e la converte nel formato appropriato in base al browser. Queste conversioni di formato vengono eseguite in modo da non compromettere la fedeltà visiva. La tecnologia Smart Imaging converte automaticamente le immagini in diversi formati in base alla funzionalità del browser, nel modo seguente.
-
Converti automaticamente in AVIF se il browser supporta il formato
-
Converti automaticamente in WebP se la conversione AVIF non è stata utile o se il browser non supporta AVIF
-
Converti automaticamente in JPEG2000 se Safari non supporta WebP
-
Converti automaticamente in JPEGXR per IE 9+ o se Edge non supporta WebP
table 0-row-2 1-row-2 2-row-2 3-row-2 4-row-2 Formato immagine Browser supportati AVIF https://caniuse.com/avif WebP https://caniuse.com/webp JPEG 2000 https://caniuse.com/jpeg2000 JPEGX https://caniuse.com/jpegxr -
Per i browser che non supportano questi formati, viene fornito il formato immagine richiesto originariamente.
Se la dimensione dell'immagine originale è inferiore a quella prodotta da Smart Imaging, viene distribuita l'immagine originale.
Supporto del formato immagine nella tecnologia Smart Imaging image-format-support
Per la creazione di immagini avanzate sono supportati i seguenti formati di immagine:
- JPEG
- PNG
La funzione Smart Imaging ricalcola la qualità dei formati di file immagine JPEG durante la conversione in un nuovo formato.
Per i formati di file di immagine che supportano la trasparenza come PNG, puoi configurare Smart Imaging per fornire file AVIF e WebP con perdita di dati. Per la conversione di formato con perdita di dati, Smart Imaging utilizza la qualità indicata nell’URL dell’immagine oppure la qualità configurata nell’account aziendale di Dynamic Medie.
Supporto dei comandi Image Server in Smart Imaging imaging-serving-command-support
I comandi Image Server fmt
e qlt
non sono supportati. Tutti i comandi rimanenti sono supportati.
Domande frequenti sulla tecnologia Smart Imaging smart-imaging-faq
No. Smart Imaging è incluso nella licenza esistente. Questa regola è valida per Dynamic Media Classic o Experience Manager - Dynamic Medie (on-prem, AMS e Experience Manager as a Cloud Service).
note important |
---|
IMPORTANT |
Smart Imaging non è disponibile per i clienti Dynamic Medie - Hybrid. |
Sì. È possibile disattivare Smart Imaging aggiungendo uno dei seguenti modificatori:
bfc=off
per disattivare la conversione del formato browser. Vedere anche Conversione formato browser.dpr=off
per disattivare le proporzioni pixel del dispositivo. Vedere anche Rapporto pixel dispositivo.network=off
per disattivare la larghezza di banda di rete. Vedere anche Larghezza di banda.
Sì. Smart Imaging dispone di tre opzioni che è possibile abilitare o disabilitare.
Smart Imaging si integra perfettamente con i predefiniti immagine esistenti, rispettando tutte le impostazioni immagine.
Le uniche regolazioni riguardano il formato dell'immagine, la qualità o entrambi. Durante la conversione del formato, la tecnologia Smart Imaging mantiene la fedeltà visiva totale in base alle impostazioni predefinite, ma offre un file di dimensioni inferiori. È sufficiente abilitarlo aggiungendo bfc=on
, o dpr=on,dprValue
, o network=on
, oppure tutte e tre le impostazioni dei parametri agli URL o ai predefiniti esistenti.
Supponiamo ad esempio che un predefinito immagine specifichi un formato JPEG di 500 × 500 pixel, con quality=85
e unsharp mask=0.1,1,5
. Smart Imaging rileva se l’utente si trova su un browser Chrome. Quindi converte l'immagine in WebP con le stesse dimensioni (500 × 500) e una maschera di contrasto corrispondente alle impostazioni del JPEG. Vengono quindi confrontate le dimensioni dei file delle versioni WebP e JPEG e viene distribuita all'utente la versione più piccola.
La tecnologia Smart Imaging è pronta per l'uso immediato per tutti i clienti. Per iniziare a usufruire dei vantaggi, aggiungi bfc=on
, dpr=on,dprValue
o network=on
oppure tutte e tre le impostazioni dei parametri agli URL o ai predefiniti esistenti.
Per attivare Smart Imaging, l’account Dynamic Media Classic o Dynamic Medie dell’azienda su Experience Manager deve includere nell’Adobe la rete CDN (Content Delivery Network) inclusa nella licenza.
Per iniziare a utilizzare Smart Imaging, aggiungi bfc=on
, o dpr=on,dprValue
, o network=on
, oppure tutte e tre le impostazioni dei parametri agli URL o ai predefiniti esistenti. Se preferisci non apportare queste modifiche manualmente, puoi abilitare Smart Imaging per impostazione predefinita creando un caso di supporto.
Quando crei il caso di supporto, specifica le funzioni di Smart Imaging da attivare sul tuo account:
- Conversione formato browser (WebP o AVIF)
- Ottimizzazione della larghezza di banda di rete
note note |
---|
NOTE |
DPR richiede modifiche lato client per determinare il dprValue corretto. Pertanto, l'Adobe consiglia di abilitare DPR tramite gli URL aggiungendo dpr=on,dprValue . |
Per creare un caso di supporto per abilitare Smart Imaging sul tuo account:
-
Utilizzare l'Admin Console per avviare la creazione di un nuovo caso di supporto.
-
Fornisci le seguenti informazioni nel tuo caso di assistenza:
-
Dettagli contatto principale:
- Immetti nome, e-mail e numero di telefono.
-
Funzionalità Smart Imaging da abilitare:
-
Elencare le funzionalità desiderate per l'account:
- Conversione formato browser: WebP o AVIF
- Ottimizzazione della larghezza di banda di rete
- DPR: DPR richiede adeguamenti lato client per determinare il
dprValue
corretto. Pertanto, l'Adobe consiglia di abilitare DPR tramite gli URL aggiungendodpr=on,dprValue
.
-
-
Dominio per Smart Imaging:
-
Elenca tutti i domini rilevanti, ad esempio
company.com
omycompany.scene7.com
-
Smart Imaging supporta domini sia generici che personalizzati.
-
Per identificare i domini, apri l'applicazione desktop Dynamic Media Classic e accedi al tuo account aziendale.
- Passa a Configurazione > Configurazione applicazione > Impostazioni generali.
- Cerca il campo Nome server pubblicato per confermare il dominio.
- Verifica di utilizzare la rete CDN di Adobe anziché una rete gestita da un altro provider.
-
-
Indicare il supporto HTTP/2:
- Specifica se è necessario Smart Imaging per funzionare su HTTP/2.
-
-
L’Assistenza clienti Adobe abilita le funzioni di Smart Imaging richieste per impostazione predefinita, eliminando la necessità di aggiungere manualmente i parametri agli URL.
-
L’Adobe consiglia di impostare il valore TTL (Time To Live) su almeno 24 ore per massimizzare le prestazioni tramite la memorizzazione in cache.
Per regolare il valore TTL:-
Per Dynamic Media Classic:
- Passa a Configurazione > Configurazione applicazione > Installazione di Publish > Server immagini.
- Imposta il valore Durata predefinita cache client su 24 ore o più.
-
Per Dynamic Medie su Adobe Experience Manager:
- Segui queste istruzioni.
- Imposta il valore Scadenza per 24 ore o più.
-
L’Assistenza clienti elabora le richieste nell’ordine in cui vengono ricevute, seguendo la Lista d’attesa.
note note |
---|
NOTE |
Il lead time può essere lungo perché l’abilitazione di Smart Imaging richiede la cancellazione della cache da parte di un Adobe. Pertanto, è possibile gestire solo poche transizioni cliente in un dato momento. |
Non esiste alcun rischio per una pagina web del cliente. Tuttavia, la transizione a Smart Imaging elimina la cache CDN. Questa operazione comporta il passaggio a una nuova configurazione di Dynamic Media Classic o Dynamic Medie su Experience Manager.
Durante la transizione iniziale, le immagini non memorizzate in cache hanno colpito direttamente i server di origine di Adobe fino a quando la cache non viene nuovamente generata. Adobe prevede quindi di gestire alcune transizioni cliente alla volta in modo da mantenere prestazioni accettabili durante il richiamo delle richieste dall’origine. Per la maggior parte dei clienti, la cache viene di nuovo completamente creata sulla rete CDN entro circa uno o due giorni.
Sì. È possibile effettuare le seguenti operazioni:
-
Dopo aver configurato l’account con Smart Imaging, carica un URL immagine Dynamic Media Classic o Adobe Experience Manager - Dynamic Medie nel browser.
-
Apri il riquadro per sviluppatori di Chrome andando in Visualizza > Sviluppatore > Strumenti per sviluppatori nel browser. In alternativa, scegli uno degli strumenti di sviluppo del browser desiderato.
-
Assicurati che la cache sia disabilitata quando gli strumenti di sviluppo sono aperti.
- In Windows®, passare alle impostazioni nel riquadro Strumenti sviluppatore, quindi selezionare la casella di controllo Disattiva cache (mentre devtools è aperto).
- In macOS, nel riquadro Sviluppatore, nella scheda Rete, selezionare Disabilita cache.
-
Osserva che il Tipo di contenuto viene trasformato nel formato appropriato. La schermata seguente mostra un’immagine PNG convertita dinamicamente in WebP su Chrome. Se nel dominio è abilitato AVIF, è anche possibile prevedere di visualizzare AVIF nel Tipo di contenuto.
-
Ripeti questo test su diversi browser e condizioni utente.
note note |
---|
NOTE |
Non tutte le immagini vengono convertite. L'imaging intelligente decide se la conversione può migliorare le prestazioni. Talvolta, se non è previsto alcun miglioramento delle prestazioni o se il formato non è JPEG o PNG, l'immagine non viene convertita. |
Sì. L’intestazione Smart Imaging determina i vantaggi della tecnologia Smart Imaging. Quando Smart Imaging è abilitato, dopo aver richiesto un'immagine, sotto l'intestazione Intestazioni di risposta puoi visualizzare -X-Adobe-Smart-Imaging
come mostrato nell'esempio seguente:
Questa intestazione indica quanto segue:
- Smart Imaging funziona per l’azienda.
- Un valore positivo indica che la conversione è riuscita. In questo caso, viene restituita una nuova immagine WebP.
- Un valore negativo indica che la conversione non ha esito positivo. In tal caso, viene restituita l’immagine richiesta originale (JPEG per impostazione predefinita, se non specificata).
- Un valore positivo mostra la differenza in byte tra l’immagine richiesta e la nuova immagine. Nell'esempio precedente, i byte salvati sono
75048
o circa 75 KB per un'immagine. - Un valore negativo indica che l’immagine richiesta è più piccola della nuova immagine. Viene visualizzata la differenza di dimensione negativa, ma l’immagine trasmessa è solo l’immagine originale richiesta.
note note |
---|
NOTE |
X-Adobe-Smart-Imaging = -1 con WebP consegnato |
Se il valore di X-Adobe-Smart-Imaging è -1 e WebP è ancora in fase di distribuzione, Smart Imaging è attivo. Tuttavia, i vantaggi in termini di dimensioni non sono stati calcolati a causa di una cache obsoleta. Per risolvere il problema, è possibile utilizzare cache=update (una sola volta) nell'URL dell'immagine.Esempio di utilizzo del modificatore: https://smartimaging.scene7.com/is/image/SmartImaging/sample1?cache=update Per invalidare l’intera cache, è necessario creare un caso di supporto. |
bfc=off
all'URL dell'immagine. Tuttavia, non è possibile selezionare WebP o AVIF nel modificatore URL per Smart Imaging. Questa funzionalità viene mantenuta a livello di account aziendale.Questo errore non si verifica se Smart Imaging non è abilitato sul tuo account. Smart Imaging funziona solo con i formati JPEG o PNG.
Per evitare questo errore, puoi effettuare le seguenti operazioni:
- Specificare JPEG o PNG oppure
- Non utilizzare il modificatore
fmt
, oppure - Utilizza un formato preferito dal browser e definito da Smart Imaging. È ad esempio possibile utilizzare WebP per il browser Web Chrome.
fmt=tif
e bfc=off
al percorso URL dell'immagine.Poiché il PNG è un formato senza perdita di dati, le versioni precedenti di WebP e AVIF consegnate non presentavano perdita di dati, con il risultato di dimensioni superiori al previsto. La tecnologia Smart Imaging ora supporta la conversione con perdita di dati. Per risolvere il problema, è possibile utilizzare il modificatore cache=update
(una sola volta) in una richiesta di immagine. Esempio di utilizzo del modificatore:
https://smartimaging.scene7.com/is/image/SmartImaging/sample1?cache=update
Per invalidare l’intera cache, devi creare un caso di supporto che richieda tale impegno.
qlt=100
al percorso URL dell'immagine.