Imaging avanzato smart-imaging
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 migliora le prestazioni di consegna delle immagini ottimizzando automaticamente le dimensioni dei file immagine in base al browser client in uso, alla visualizzazione del dispositivo e alle condizioni di rete. 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 tassi di conversione più elevati, tempo trascorso su un sito e tassi di mancato recapito del sito più bassi.
I vantaggi più recenti della tecnologia Smart Imaging includono:
- Ora 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. Insieme al formato, la qualità del nuovo formato viene ricalcolata da Smart Imaging.
È inoltre possibile disattivare Smart Imaging aggiungendo 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
Il rapporto pixel del dispositivo (DPR, Device Pixel Ratio), noto anche come rapporto pixel CSS, è la relazione tra i pixel fisici e i pixel logici di un dispositivo. Soprattutto con l'avvento degli schermi retina, la risoluzione pixel dei dispositivi mobili moderni sta crescendo a un ritmo veloce.
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.
Se lo desideri, puoi rinunciare all'ottimizzazione della larghezza di banda di rete a livello di singola immagine 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. Nella tecnologia Smart Imaging più recente, vengono memorizzati nella cache solo i derivati, 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. Ad esempio, "Timing Allow Origin", "X-Robot" 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’immagine viene richiesta da un utente, Smart Imaging controlla le caratteristiche dell’utente e la converte nel formato appropriato in base al browser in uso. 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
| 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
Per il formato di file immagine JPEG, la qualità del nuovo formato viene ricalcolata da Smart Imaging.
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 sull'imaging avanzato 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.
Sì. Smart Imaging funziona con i predefiniti immagine esistenti e osserva tutte le impostazioni immagine. Ciò che cambia è il formato dell’immagine, o l’impostazione della qualità, o entrambi. Per la conversione del formato, Smart Imaging mantiene la piena fedeltà visiva come definita dalle impostazioni predefinite dell'immagine, ma con dimensioni di file inferiori.
Supponiamo ad esempio che un predefinito immagine sia definito con formato JPEG, dimensioni 500 x 500, qualità=85 e maschera di contrasto=0.1,1,5. Quando Smart Imaging rileva che un utente si trova su un browser Chrome, l’immagine viene convertita in formato WebP, con dimensioni 500 x 500. E, unsharp mask=0.1,1,5 è a una qualità WebP che corrisponde a una qualità JPEG di 85 il più vicino possibile. L’ingombro di tale conversione WebP viene confrontato con il JPEG e viene restituito il più piccolo dei due.
Dipende. Per utilizzare Smart Imaging, l’account Dynamic Media Classic o Dynamic Medie dell’azienda su Experience Manager deve soddisfare i seguenti requisiti:
- Utilizza la rete CDN (Content Delivery Network) fornita dall’Adobe come parte della licenza.
- Utilizzare un dominio dedicato, ad esempio
images.company.com
omycompany.scene7.com
, non un dominio generico, ad esempios7d1.scene7.com
,s7d2.scene7.com
os7d13.scene7.com
.
Per trovare i domini, apri l'applicazione desktop Dynamic Media Classic, quindi accedi al tuo account aziendale o ai tuoi account aziendali.
Vai a Configurazione > Configurazione applicazione > Impostazioni generali. Cercare il campo con etichetta Nome server pubblicato. Se al momento utilizzi un dominio generico, puoi richiedere di passare al dominio personalizzato. Effettua questa richiesta di transizione quando invii un caso di supporto.
Il primo dominio personalizzato non comporta costi aggiuntivi con una licenza Dynamic Medie.
No. Viene avviata una richiesta di utilizzo di Smart Imaging, che non viene abilitata automaticamente.
Crea un caso di supporto come descritto di seguito. Nel tuo caso di supporto, assicurati di indicare quali delle seguenti funzionalità di Smart Imaging (una o più) desideri abilitare sul tuo account:
- WebP
- AVIF
- Ottimizzazione di larghezza di banda di rete e DPR
- PNG a AVIF con perdita di dati o WebP con perdita di dati
Se si dispone già di Smart Imaging abilitato con WebP, ma si desiderano altre nuove funzionalità come quelle elencate sopra, è necessario creare un caso di supporto.
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:
-
Nome del contatto principale, e-mail, telefono.
-
Elencare quali delle seguenti funzionalità di Smart Imaging (una o più) si desidera abilitare sul proprio account:
- WebP
- AVIF
- Ottimizzazione di larghezza di banda di rete e DPR
- PNG a AVIF con perdita di dati o WebP con perdita di dati
-
Tutti i domini da abilitare per Smart Imaging (ovvero
images.company.com
omycompany.scene7.com
).Per trovare i domini, apri l'applicazione desktop Dynamic Media Classic, quindi accedi al tuo account aziendale o ai tuoi account aziendali.
Vai a Configurazione > Configurazione applicazione > Impostazioni generali.
Cercare il campo con etichetta Nome server pubblicato.
-
Verifica di utilizzare la rete CDN tramite Adobe e di non essere gestita con una relazione diretta.
-
Verificare di utilizzare un dominio dedicato come
images.company.com
omycompany.scene7.com
e non un dominio generico comes7d1.scene7.com
,s7d2.scene7.com
,s7d13.scene7.com
.Per trovare i domini, apri l'applicazione desktop Dynamic Media Classic, quindi accedi al tuo account aziendale o ai tuoi account aziendali.
Vai a Configurazione > Configurazione applicazione > Impostazioni generali.
Cercare il campo con etichetta Nome server pubblicato. Se attualmente utilizzi un dominio Dynamic Media Classic generico, puoi richiedere di passare al dominio personalizzato come parte di questa transizione.
-
Indica se desideri che funzioni su HTTP/2.
-
-
L’Assistenza clienti Adobe ti aggiunge alla Lista d’attesa clienti di Smart Imaging in base all’ordine in cui vengono inviate le richieste.
-
Quando Adobe è pronto a gestire la richiesta, l’Assistenza clienti ti contatta per coordinare e impostare una data di scadenza.
-
Facoltativo: è possibile testare l'imaging avanzato in Staging prima che l'Adobe invii la nuova funzionalità alla produzione.
-
Ricevi una notifica dopo il completamento da parte dell’Assistenza clienti.
-
Per massimizzare i miglioramenti delle prestazioni della tecnologia Smart Imaging, Adobe consiglia di impostare il valore TTL (Time To Live) su 24 ore o più. Il TTL definisce per quanto tempo le risorse vengono memorizzate nella cache dalla rete CDN. Per modificare questa impostazione:
- Se si utilizza Dynamic Media Classic, passare a Configurazione > Configurazione applicazione > Installazione di Publish > Server immagini. Imposta il valore Durata predefinita cache client su 24 o più.
- Se usi Dynamic Medie, segui queste istruzioni. Imposta il valore Scadenza di 24 ore o più.
Le richieste vengono elaborate nell’ordine in cui vengono ricevute dall’Assistenza clienti, in base alla 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 sul 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 dello 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, significa che Smart Imaging funziona ma i vantaggi in termini di dimensioni non sono stati calcolati a causa della 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 erano prive di perdita e quindi di dimensioni maggiori del 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
nel percorso.>