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 delle immagini 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
Attivare la conversione del formato del browser aggiungendo bfc=on
all’URL dell’immagine converte automaticamente JPEG e PNG in AVIF con perdita di dati, WebP con perdita di dati, JPEGXR con perdita di dati, JPEG 2000 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 la funzione Smart Imaging aggiungendo bfc=off
all'URL dell'immagine.
Vedi anche bfc nell’API di server e rendering immagini di Dynamic Media.
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 Media, la larghezza MaxPix viene sempre riconosciuta mantenendo le proporzioni dell'immagine. —>
Vedi anche Utilizzo delle immagini e Quando si lavora 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, la tua azienda può scegliere di rinunciare all'ottimizzazione della larghezza di banda 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. IPhone5 con DPR=2 e iPhone12 con dpr=3
, entrambi mostrano dpr=2
. Per i dispositivi ad alta risoluzione, l'invio dpr=2
è migliore dell’invio 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. Consulta Utilizzo di Smart Imaging con proporzioni pixel del dispositivo lato client.
Vantaggi chiave aggiuntivi 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 convertire 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, "Intervallo Consenti origine", "X-Robot" come suggerito in Aggiungere un valore di intestazione personalizzato alle risposte 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 | | JPEG | 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 Media.
Supporto dei comandi Image Server in Smart Imaging imaging-serving-command-support
Comandi Image Server fmt
e qlt
non sono supportati; sono supportati tutti i comandi rimanenti.
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 Media (on-prem, AMS e Experience Manager as a Cloud Service).
note important |
---|
IMPORTANT |
Smart Imaging non è disponibile per i clienti Dynamic Media - Hybrid. |
Sì. È possibile disattivare Smart Imaging aggiungendo uno dei seguenti modificatori:
bfc=off
per disattivare Conversione formato browser. Vedi anche Conversione formato browser.dpr=off
per disattivare Proporzioni pixel dispositivo. Vedi anche Proporzioni pixel dispositivo.network=off
per disattivare la larghezza di banda della rete. Vedi anche Larghezza di banda di rete.
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 Media dell’azienda su Experience Manager deve soddisfare i seguenti requisiti:
- Utilizza la rete CDN (Content Delivery Network) fornita dall’Adobe come parte della licenza.
- Utilizza un dominio dedicato (ad esempio,
images.company.com
omycompany.scene7.com
), non un dominio generico (ad esempio,s7d1.scene7.com
,s7d2.scene7.com
, os7d13.scene7.com
).
Per trovare i domini, apri la applicazione desktop Dynamic Media Classic, quindi accedi al tuo account aziendale o a quelli della tua azienda.
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. Effettua questa richiesta di transizione quando invii un caso di supporto.
Il primo dominio personalizzato non comporta costi aggiuntivi con una licenza Dynamic Media.
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:
-
Utilizza 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 la tecnologia Smart Imaging (ovvero
images.company.com
omycompany.scene7.com
).Per trovare i domini, apri la applicazione desktop Dynamic Media Classic, quindi accedi al tuo account aziendale o a quelli della tua azienda.
Vai a Configurazione > Impostazione applicazione > Impostazioni generali.
Cerca il campo con etichetta Nome server pubblicato.
-
Verifica di utilizzare la rete CDN tramite Adobe e di non essere gestita con una relazione diretta.
-
Verifica di utilizzare un dominio dedicato come
images.company.com
omycompany.scene7.com
e non un dominio generico, ad esempios7d1.scene7.com
,s7d2.scene7.com
,s7d13.scene7.com
.Per trovare i domini, apri la applicazione desktop Dynamic Media Classic, quindi accedi al tuo account aziendale o a quelli della tua azienda.
Vai a Configurazione > Impostazione applicazione > Impostazioni generali.
Cerca 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: facoltativamente, puoi testare l’imaging avanzato in Staging prima che Adobe invii la nuova funzione in 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 utilizzi Dynamic Media Classic, vai a Configurazione > Impostazione applicazione > Impostazione pubblicazione > Server immagini. Imposta il Durata predefinita cache client a 24 o più.
- Se utilizzi Dynamic Media, segui queste istruzioni. Imposta il Scade 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 Media 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 Media sul browser.
-
Apri il riquadro per sviluppatori di Chrome andando su 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®, passa alle impostazioni nel riquadro Strumenti per sviluppatori, quindi seleziona Disabilita la cache (mentre devtools è aperto) casella di controllo.
- In macOS, nel riquadro dello sviluppatore, sotto Rete , seleziona 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 Intestazioni di risposta intestazione, puoi vedere -X-Adobe-Smart-Imaging
come nell’esempio evidenziato 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. È possibile utilizzare cache=update (una sola volta) nell’URL dell’immagine per risolvere questo problema.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
fmt
un modificatore, oppure - Utilizza un formato preferito dal browser e definito da Smart Imaging. Ad esempio, puoi 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. È possibile utilizzare il modificatore cache=update
(una sola volta) in una richiesta di immagine per risolvere il problema. 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.