Percorso Dynamic Medie: nozioni di base, parte I

Ultimo aggiornamento: 2023-11-21
  • Argomenti:
  • Image Profiles
    Visualizza ulteriori informazioni su questo argomento
  • Creato per:
  • User
    Admin

Benvenuto nel Percorso Dynamic Medie.

Questo percorso descrive le nozioni di base di Dynamic Medie, il suo funzionamento, il suo potenziale vantaggio e il valore che apporta al tuo lavoro e ai tuoi clienti.

Prerequisiti

  • Conoscenza di base dei formati immagine e video
  • Nozioni di base di HTML e CSS
  • Comprensione di base degli strumenti di progettazione come Adobe Illustrator, Adobe Photoshop, Adobe XD
  • L’accesso a Dynamic Medie su Experience Manager è utile, ma non obbligatorio

Cosa puoi aspettarti di imparare

Parte I

  • Cos'è Dynamic Medie e come può aiutarti?
  • Casi d’uso per Dynamic Medie
  • Flusso di una risorsa attraverso il sistema Dynamic Medie

Parte II

  • Anatomia di un URL Dynamic Medie e modo in cui Dynamic Medie distribuisce i contenuti
  • Nozioni di base sulla creazione di predefiniti immagine per il rendering delle risorse
  • Set di immagini, set 360 gradi e set di file multimediali diversi

Pubblico
I tipi di pubblico più adatti ai lettori di questo percorso sono i seguenti, che non hanno mai utilizzato Dynamic Medie su Experience Manager:

  • Amministratore
  • Analista aziendale
  • Architetto dei contenuti
  • Autore del contenuto
  • Designer
  • Sviluppatore
  • Marketing
  • Product Manager/Proprietario
SUGGERIMENTO

Per ottenere risultati ottimali, l'Adobe consiglia di leggere e visualizzare questo Percorso Dynamic Medie su un computer desktop.

Cos'è Dynamic Medie e come può aiutarti?

Dynamic Medie ti consente di offrire risorse visive avanzate di marketing e merchandising su richiesta. Consente inoltre di creare e distribuire esperienze di visualizzazione interattive, tra cui zoom, 360 gradi in rotazione e video. Le risorse vengono scalate in modo dinamico per l’utilizzo su siti web, mobili e social network. Utilizzando una serie di risorse di origine principali, come immagini, video e 3D, Dynamic Medie genera e distribuisce in tempo reale più varianti di questi rich content attraverso la rete CDN (Content Delivery Network) globale, scalabile e ottimizzata per le prestazioni.

Dynamic Medie incorpora i flussi di lavoro della soluzione Adobe Experience Manager Assets per la gestione delle risorse digitali per semplificare e semplificare il processo di gestione delle campagne digitali.

Un file con infinite possibilità

Uno dei punti principali da capire su Dynamic Medie è il concetto di Un file di risorsa principale con infinite possibilità.

Per comprendere meglio questo concetto, pensa al modo in cui tradizionalmente si lavora con una singola risorsa, ad esempio un’immagine o un video. In genere si crea una risorsa principale. Quindi, crei manualmente le versioni di quella stessa risorsa per ogni esperienza, ogni dispositivo necessario, ogni pagina web e ogni proprietà in cui viene utilizzata. Con il tempo, quella singola risorsa può crescere fino a 20, 30 o più versioni, senza alcuna cronologia delle versioni associata. Ora, immaginate di farlo per ogni immagine o video che avete. Il numero di versioni delle risorse diventerebbe rapidamente enorme da mantenere e aggiornare, per non parlare dell'aumento dei costi di storage.

Dynamic Medie, tuttavia, è fondamentalmente diverso da altri sistemi perché lo si utilizza per distribuire i contenuti multimediali dinamicamente da risorse singole e primarie e da chiamate URL. I percorsi URL di Dynamic Medie richiesti includono istruzioni che indicano al server di pubblicazione di Adobe come visualizzare la risorsa quando viene consegnata alla schermata di un cliente. Ad esempio, utilizzando la stessa risorsa principale, è possibile consegnarla immediatamente in un numero illimitato di copie trasformate, cambiando dimensione, formato, risoluzione, peso, colore, ritaglio ed effetti, come una visualizzazione zoom.

Questo metodo di distribuzione univoco garantisce che esperienze di qualità coerenti vengano inviate a qualsiasi schermo, indipendentemente dalle dimensioni o dalla larghezza di banda. I video a schermo intero sono ottimizzati anche per tutti i tipi di schermo e vengono trasmessi in streaming adattivo per garantire un’esperienza utente coerente e di qualità.

Adobe Dynamic Medie fornisce la stessa immagine primaria a supporti diversi in formati e dimensioni diversi
Adobe Dynamic Medie garantisce un'esperienza coerente e di qualità su qualsiasi schermo, indipendentemente dalle dimensioni o dalla larghezza di banda.

Continuando a leggere, imparerai di più sul perché questo concetto di "un file di risorse principale, infinite possibilità" è importante.

La rete per la distribuzione dei contenuti

Quando sei pronto per andare live con una risorsa di immagine o una risorsa video, è supportato dalla spina dorsale di Dynamic Medie, costituita da una potente rete di consegna di primo livello. La rete serve centinaia di clienti in tutto il mondo ogni giorno. Le risorse sono distribuite sulla rete per la distribuzione dei contenuti (CDN) in hosting presso Akamai. La rete CDN è un sistema di servizi informatici collegati in rete che cooperano in modo trasparente per fornire contenuti, soprattutto rich media di grandi dimensioni, agli utenti finali.

Nel sistema CDN, il contenuto web viene memorizzato nelle cache web su Internet. Quindi viene distribuito dalla cache web agli utenti finali per velocizzare la consegna. Pertanto, la prima volta che qualcuno scarica una pagina web, le risorse visualizzate vengono inviate a una cache CDN. Vengono archiviati sul server in modo che, al successivo accesso alla pagina Web da parte di un utente nella stessa area, lo stesso contenuto della cache venga distribuito più rapidamente. Il contenuto viene distribuito più rapidamente perché si trova più vicino all’utente. Una rete CDN consente una visualizzazione più rapida delle pagine Web, ma riduce i requisiti di larghezza di banda del server centrale, in quanto i contenuti vengono distribuiti da una rete cache e non da un server centrale in ogni istanza. Questo flusso ottimizzato garantisce una migliore esperienza d'uso, con un conseguente aumento delle vendite.

Storicamente, la rete CDN fornisce 3,5 petabyte di traffico ai clienti, ogni mese. Il sistema è in grado di fornire 52 miliardi di asset in un singolo giorno. Questo numero equivale a 864.000 immagini e video distribuiti correttamente ai clienti, ogni secondo.

Imaging avanzato

Dynamic Medie è già in grado di ottimizzare le risorse e garantire che ogni risorsa venga caricata rapidamente sui sistemi mobili e desktop tramite la rete CDN. Per realizzare questo obiettivo, in Dynamic Medie vengono utilizzati predefiniti per immagini per definire la qualità dell'immagine. Inoltre, definiscono il tipo di immagine che stai inviando, la sua nitidezza e altri elementi per varie parti delle esperienze o delle pagine.

Tuttavia, per aggiungere ancora più valore a Dynamic Medie oltre ai predefiniti per immagini, esiste Imaging avanzato.

La tecnologia Smart Imaging migliora ulteriormente le prestazioni di consegna delle immagini ottimizzando automaticamente il formato e le dimensioni dei file in base alle funzionalità del browser del cliente. Funziona con i predefiniti immagine esistenti (i predefiniti immagine sono descritti nella Parte II di questo percorso) e utilizza l'intelligenza al momento della consegna.

Questa tecnologia riduce ulteriormente le dimensioni dei file di immagine in base alla velocità del browser e della connessione di rete. Poiché le risorse di immagini rappresentano la maggior parte del tempo di caricamento di una pagina, il miglioramento delle prestazioni può avere un impatto completo sugli indicatori aziendali chiave, ad esempio:

  • Conversione più elevata
  • Tempo trascorso sul sito
  • Riduci la frequenza di rimbalzo del sito

Nel complesso, con la tecnologia Smart Imaging, le prestazioni delle network camere migliorano del 22-47% in base alle impostazioni predefinite e alle caratteristiche specifiche dell'utente finale. Il tutto mantenendo la qualità delle immagini come se non fossero mai state toccate.

Imaging avanzato
La tecnologia Smart Imaging ottimizza automaticamente il formato e le dimensioni dei file di un'immagine in base alla capacità del browser e alla velocità di rete del cliente.

L’imaging avanzato non è attivato per impostazione predefinita perché richiede uno sforzo coordinato tra l’utente e il supporto tecnico Adobe Dynamic Medie. Inoltre, l’abilitazione di Smart Imaging richiede la cancellazione completa della cache CDN, che viene quindi riempita con il tempo. Se sei interessato a utilizzare Smart Imaging, puoi lavorare con Adobe per attivarlo inviando un ticket di supporto tecnico. Il supporto tecnico fornisce quindi un parametro URL che consente di provare, in anticipo, l’imaging intelligente. Puoi provarlo su qualsiasi pagina web o immagine in modo da vedere le prestazioni che ottieni e i risparmi. È quindi possibile attivare la tecnologia Smart Imaging per l'intero sito.

Set video adattivi

Quando in una pagina è presente un video o una pagina principale, i clienti tendono a interagire più a lungo con tale contenuto e a rimanere sulla pagina più a lungo, il che è in genere una buona cosa. Questo comportamento è stato dimostrato attraverso le analisi eseguite da Adobe. Tuttavia, il video può essere complesso. Per prima cosa, spesso hai un file principale di grandi dimensioni. È complicato determinare come ridimensionare e distribuire il video, il tutto per garantire un'esperienza fluida indipendentemente dal dispositivo su cui viene visualizzata e dalla larghezza di banda.

Per risolvere questo problema, Dynamic Medie consente di creare Set video adattivi.

Set video adattivo
Un set di video adattivi raggruppa le versioni dello stesso video che sono codificate in bit rate e formati diversi.

Inizia con il tuo video originale principale, che carichi nel sistema. Dynamic Medie ridimensiona automaticamente o transcodifica, quel video in più video. Quindi, al momento della consegna, determina in modo intelligente quale schermo video, quale qualità e quale formato utilizzare e lo distribuisce al telefono, al tablet o al computer desktop.

Ad esempio, su un dispositivo mobile iOS rileva una larghezza di banda come 4G, 5G o Wi-Fi. Quindi seleziona automaticamente il video codificato giusto tra i vari bit rate video all’interno del set video adattivo. Il video viene inviato in streaming a dispositivi mobili, tablet o computer desktop.

Inoltre, la qualità video viene automaticamente commutata in caso di cambiamento delle condizioni della rete. Inoltre, se un cliente entra in modalità a tutto schermo su un desktop, il set video adattivo risponde con una risoluzione migliore, migliorando l’esperienza di visualizzazione del cliente.

L’utilizzo di set video adattivi offre una riproduzione fluida e di alta qualità per i clienti che riproducono video Dynamic Medie su più schermi e dispositivi. Riduce davvero la complessità del video.

Casi d’uso per Dynamic Medie

Di seguito sono riportati i problemi comuni relativi ai casi d’uso e le soluzioni che Dynamic Medie può aiutarti a gestire per favorire il coinvolgimento, la fedeltà, la conversione e l’aumento del ROI dei clienti.

Caso d’uso: approccio basato su file primario

Uno dei casi d’uso più importanti per Dynamic Medie è anche uno dei più ovvi. In altre parole, riducendo il peso delle pagine e delle esperienze e le dimensioni del contenuto, che si tratti di un’immagine o di un video, che viene distribuito.

Di seguito è riportata un’esperienza o una pagina web tipica. Circa il 90% di una pagina è costituito da rich media, come immagini e video, che sono comunemente file molto più pesanti.

Spessore pagina contenuto
Spessore della pagina del contenuto di una pagina web tipica.

Il restante 10% è HTML, codice CSS e tag specifici. Desideri ottimizzare il peso del 90% di quella pagina e Dynamic Medie ti aiuta con questo sforzo. Prima hai letto del concetto di un file di risorsa principale con infinite possibilità. Questo approccio è importante per ridurre il peso complessivo delle pagine. La possibilità di prendere una risorsa principale e utilizzarla in una pagina di dettaglio del prodotto, in una pagina di miniature, nel carrello e nella griglia di ricerca ti consente di risparmiare tempo. Inoltre, assicura la coerenza tra le diverse esperienze.

Approccio basato sul file principale
L’orologio è un file di risorse principale, ma con più rappresentazioni, non copie, create al volo.

Esaminiamo più da vicino i problemi che Dynamic Medie sta risolvendo con un file e alcune delle soluzioni a questo approccio.

Problema Soluzione Dynamic Medie
Crea e archivia ogni risorsa. Utilizza un singolo file di immagine, creando automaticamente le rappresentazioni richieste solo al momento della consegna.
Costi di storage elevati. Elimina la necessità di creare e archiviare più copie di una risorsa.
Difficoltà a mantenere la catena di custodia. Garantisce la distribuzione di esperienze coerenti e ottimizzate per i dispositivi.
Nessuna cronologia delle versioni.
Esperienze del brand non coerenti tra i dispositivi.
Costi non necessari per la creazione di risorse duplicate.

Quando pensi a un file, crei una risorsa per ogni tipo di esperienza. Potreste avere un'immagine di partenza, e poi dovreste creare 20, 30, o 40 varianti di quell'immagine, che alla fine dovete archiviare e pagare per quell'archiviazione.

Poi devi assicurarti che venga utilizzata l’immagine giusta, che potrebbe influire sulla tua capacità di mantenere coerenza tra i vari marchi. E se non riesci a trovare un’immagine, devi tornare indietro e duplicare quelle risorse.

Dynamic Medie consente di creare al volo varianti di immagini a partire da quella immagine iniziale. Ti consente di essere creativo con quella risorsa principale e di non dover andare avanti e indietro con il tuo artista di design grafico o studio fotografico per creare contenuti aggiuntivi. Ed è risparmiando tempo e denaro.

Con l’approccio basato su un file, puoi utilizzare un singolo file principale. Quindi crea le versioni o le rappresentazioni necessarie per i vari siti, proprietà ed esperienze, solo nel momento in cui vengono consegnate o visualizzate da un cliente. Questa efficienza può ridurre notevolmente la quantità di storage necessario per le risorse e la complessità complessiva del flusso di lavoro. Inoltre, il sistema di distribuzione di Dynamic Medie garantisce l'ottimizzazione di ogni immagine e video, il caricamento rapido e la visualizzazione ottimale su tutti gli schermi e i dispositivi.

Caso d’uso: video

Un altro caso d’uso che Dynamic Medie risolve per è il video. Il video è complesso. È difficile da gestire. I file video sono difficili da archiviare e spostare a causa delle loro dimensioni intrinseche.

Problema Soluzione Dynamic Medie
È difficile gestire e distribuire video ottimizzati per vari dispositivi. Utilizza un singolo video che ridimensiona automaticamente tutti i dispositivi.
I video si interrompono o vengono riprodotti in bassa qualità a causa della larghezza di banda disponibile dell'utente. Distribuisci il video attraverso un lettore HTML che rileva automaticamente la larghezza di banda disponibile e adatta la qualità per garantire un'alta fedeltà e una riproduzione fluida.
Non è possibile creare manualmente tutte le versioni di un video in modo da garantirne una buona visualizzazione e riproduzione su tutti i dispositivi. Eliminazione di ore di noiosa attività di transcodifica con un flusso di lavoro semplificato.
Libera il tempo per un lavoro di maggior valore.

I clienti arrivano a Dynamic Medie con il seguente problema che sperano di risolvere:

"Abbiamo il video, e abbiamo speso un sacco di soldi per crearlo. Ma ci siamo astenuti dal posizionarlo sulle pagine, o dal distribuirlo, perché dai nostri test, non possiamo garantire la qualità del video, o se è davvero in fase di riproduzione. E in ultima analisi, questo influisce sui nostri marchi e potenzialmente sul nostro ruolo persino nella conversione."

La soluzione di Dynamic Medie è quella di prendere quell'unico file video principale, e lasciare che Dynamic Medie faccia tutte le dimensioni attraverso il suo processo di transcodifica. Poi aggiungilo al lettore video intelligente di Dynamic Medie. Questo flusso di lavoro garantisce che il video venga utilizzato nella pagina di destinazione principale, in una categoria o in una pagina di dettaglio del prodotto e sia sempre coerente e di alta qualità.

Di seguito sono riportati diversi altri casi d’uso da considerare.

Caso d’uso: un’unica fonte di verità

Problema Soluzione Dynamic Medie
Risorse digitali distribuite in tutta l’organizzazione, in silos in diversi team o business unit. Archivia e gestisci tutte le risorse digitali da una posizione centrale.
I membri del team scaricano e creano versioni locali. I membri del team utilizzano un singolo file principale per creare e fornire tutte le versioni necessarie su schermi e dispositivi di varie dimensioni.
Risorse monouso create per ogni esperienza e dispositivo. Elimina le risorse monouso, risparmiando tempo e denaro.

Caso di utilizzo: ritaglio avanzato basato sull’intelligenza artificiale per rich media

Problema Soluzione Dynamic Medie
Disegnare, misurare e tagliare manualmente immagini o video per evidenziare il punto focale e visualizzarli in modo appropriato su tutti i dispositivi e le dimensioni dello schermo richiede molto tempo e lavoro. Utilizza il ritaglio avanzato in Dynamic Medie, una funzionalità di intelligenza artificiale di Adobe Sensei, per rilevare automaticamente il punto focale in qualsiasi immagine o video e ritagliarlo per mantenerlo.
Tempo perso che potrebbe essere impiegato meglio per creare esperienze ad alto impatto. Acquisisce il punto di interesse desiderato indipendentemente dalle dimensioni dello schermo.
Risorse monouso create per ogni esperienza e dispositivo. Elimina le attività manuali noiose e fornisce immagini e video di alta qualità e a caricamento rapido che si presentano correttamente su qualsiasi dispositivo o schermo.

Caso di utilizzo: authoring di contenuti multimediali interattivi

Problema Soluzione Dynamic Medie
Esperienze cliente piatte e statiche che non coinvolgono, generano fedeltà o stimolano la conversione. Consente agli utenti non tecnici di aggiungere facilmente e senza problemi elementi interattivi come punti attivi, caroselli e set 360 gradi per esperienze più dinamiche e coinvolgenti.
Ritorno limitato sull’investimento dalle risorse digitali e customer experience poco brillanti. Promuove la conversione e il ritorno sull'investimento dalle esperienze rich media.

Flusso di una risorsa attraverso il sistema Dynamic Medie

Di seguito è riportato un flusso di lavoro tipico per Dynamic Medie.

Flusso di lavoro di Dynamic Medie
Flusso di una risorsa attraverso il sistema Dynamic Medie.

Inizia con la fase di creazione con l’obiettivo principale di avere la risorsa principale alla fine. Queste risorse primarie potrebbero provenire da servizi fotografici, da fornitori video o da alcuni file audio che hai creato. Puoi utilizzare le applicazioni Creative Suite di Adobe, come Adobe InDesign, Adobe Photoshop e Adobe Illustrator, per aiutarti a elaborare i contenuti.

Al termine della creazione, la risorsa viene inserita nella soluzione di authoring caricandola in Dynamic Medie. In Dynamic Medie, assicurati di disporre dei predefiniti immagine e dei visualizzatori giusti allineati per le varie pagine web del sito.

Infine, ottimizzate tutti i contenuti e li pubblicate sui server Dynamic Medie in modo che siano disponibili per il web, la stampa, la posta elettronica, i desktop e i dispositivi mobili.

Caricamento di risorse in Dynamic Medie

Al termine della creazione, la risorsa principale viene caricata in Dynamic Medie. Il tipo di file caricato, il formato e le dimensioni del file sono attributi importanti per Dynamic Medie. È al momento del caricamento che desideri assicurarti di ottenere il valore massimo dal supporto di un file.

Ad esempio, l'immagine dell'orologio qui sotto è di 4560 x 3020 pixel. E anche se non si può mai usare un'immagine di quelle dimensioni, è comunque possibile caricarla. Più grande è l'immagine, migliore è la qualità offerta da Dynamic Medie, fino alla rappresentazione in miniatura. Ricorda: puoi facilmente diminuzione risoluzione di un'immagine esistente. Ma se provi a aumentare risoluzione di un'immagine, il risultato sarà probabilmente insoddisfacente.

Formati consigliati per il caricamento in Dynamic Medie
Considerazioni per il caricamento delle risorse.

L’Adobe consiglia di caricare le risorse in un formato senza perdite. In genere, è meglio evitare JPEG perché quando distribuisci JPEG o continui a salvare JPEG, la qualità delle immagini si perde nel tempo. Si desidera iniziare con le immagini con la massima risoluzione in un formato senza perdita di dati. Tale formato è in genere un file TIFF o PNG.

Per quanto riguarda lo spazio colore, quando si pensa a un canale digitale o a una visualizzazione web, in genere si pensa al RGB (rosso, verde, blu).

La maggior parte non penserebbe mai a consegnare qualcosa in CMYK o perché si potrebbe anche volere consegnare in CMYK. Il motivo è che lo spazio colore viene utilizzato più spesso per la consegna di articoli stampati. Ma Dynamic Medie è in grado di fornire in entrambi gli spazi di colore.

Ci sono molti clienti che ancora stampano, come i club all'ingrosso di magazzino. E ci sono negozi di alimentari che stampano spesso volantini su base settimanale. Tali clienti richiedono che le loro immagini siano in entrambi gli spazi di colore. Tradizionalmente, questo richiedeva due immagini diverse: una in RGB e una in CMYK. Tuttavia, puoi caricare le risorse CMYK direttamente in Dynamic Medie, e far sì che Dynamic Medie distribuisca automaticamente le risorse RGB tramite un predefinito immagine o un profilo colore. Non è necessario creare più versioni di un file, mantenendo così il concetto di un file di risorsa principale con infinite possibilità.

Pubblicare e visualizzare in anteprima le risorse

Dopo aver caricato le risorse in Dynamic Medie, è buona norma pubblicare selezionandole e facendo clic su Pubblica o Pubblicazione rapida in Dynamic Medie. La pubblicazione delle risorse è necessaria se intendi utilizzarle in qualsiasi esperienza. Una volta pubblicate, le risorse possono essere incluse in una pagina web utilizzando un URL generato da Dynamic Medie e copiato oppure incorporando codice nella pagina.

Oltre a pubblicare manualmente le risorse, puoi configurare Dynamic Medie in modo da pubblicare immediatamente le risorse al momento del caricamento, senza alcun intervento da parte dell’utente.

Dopo il caricamento, esistono diversi modi per visualizzare in anteprima le rappresentazioni di una risorsa in Dynamic Medie. L’anteprima delle rappresentazioni può essere utile per avere un’idea di ciò che vede un cliente. Un metodo comune per l’anteprima consiste nel selezionare una risorsa e visualizzarne le rappresentazioni selezionando una predefinito immagine come illustrato di seguito.

Anteprima del rendering di una risorsa in base al predefinito per immagine di grandi dimensioni
Anteprima del rendering di una risorsa in base al predefinito immagine "Large" selezionato. È stato fatto clic sul pulsante URL. Il percorso URL risultante contiene il nome del predefinito immagine "Large" (Grande) e può essere utilizzato in una pagina web.

L’URL qui sopra è live! Prova.

Un altro metodo per visualizzare in anteprima una risorsa consiste nel selezionare la risorsa immagine e quindi selezionare una Visualizzatori come illustrato di seguito.

Anteprima di una risorsa in base al predefinito visualizzatore Zoom verticale chiaro
Visualizzazione in anteprima di una risorsa in base al predefinito visualizzatore "ZoomVertical_light" selezionato. Il puntatore del mouse (+) è stato spostato sull'orologio per ingrandire. Osserva i pulsanti URL e Incorpora.

La rappresentazione qui sopra è live! Prova.

Facoltativo - Ulteriori informazioni

La parte I di questo percorso tratta le nozioni di base su una serie di argomenti Dynamic Medie. Per ulteriori informazioni su ciò che hai appena letto, utilizza i materiali seguenti per esplorare i concetti in modo più dettagliato. In caso contrario, è possibile continuare con la Parte II del percorso. Consulta Novità del Percorso Dynamic Medie.

Argomenti della Guida di Dynamic Medie

Tutorial su Dynamic Medie

Visualizzatori Dynamic Medie

Novità del Percorso Dynamic Medie

Nella parte II di questo percorso, esamini gli URL di Dynamic Medie un po’ più da vicino per capire meglio cosa succede quando viene consegnata una risorsa. Scopri anche le nozioni di base sulla creazione di predefiniti immagine per il rendering delle risorse, nonché di set di immagini, set 360 gradi e set di file multimediali diversi e come vengono creati.

Portami a Percorso Dynamic Medie: nozioni di base, parte II.

In questa pagina