Gestione predefiniti immagine managing-image-presets

I predefiniti per immagini consentono ad Adobe Experience Manager Assets di distribuire immagini in modo dinamico a diverse dimensioni, in formati diversi o con altre proprietà dell’immagine generate in modo dinamico. Ogni predefinito immagine rappresenta una raccolta predefinita di comandi di ridimensionamento e formattazione per la visualizzazione delle immagini. Quando crei un predefinito immagine, scegli una dimensione per la consegna delle immagini. È inoltre possibile scegliere i comandi di formattazione in modo che l'aspetto dell'immagine venga ottimizzato quando l'immagine viene distribuita per la visualizzazione.

Gli amministratori possono creare predefiniti per esportare le risorse. Gli utenti possono scegliere un predefinito al momento dell'esportazione delle immagini, che consente anche di riformattarle in base alle specifiche specificate dall'amministratore.

È inoltre possibile creare predefiniti immagine dinamici. Se applichi un predefinito immagine reattivo alle risorse, questo varia a seconda del dispositivo o delle dimensioni dello schermo su cui vengono visualizzate. È possibile configurare i predefiniti immagine in modo che utilizzino CMYK nello spazio colore oltre a RGB o Gray.

Questa sezione descrive come creare, modificare e in genere gestire i predefiniti immagine. Potete applicare un predefinito immagine a un'immagine in qualsiasi momento. Consulta Applica predefiniti immagine.

NOTE
L'imaging avanzato funziona con i predefiniti immagine esistenti e utilizza l'intelligenza all'ultimo millisecondo per ridurre ulteriormente le dimensioni del file immagine in base alla velocità della connessione del browser o di rete. Per ulteriori informazioni, vedere Smart Imaging.

Informazioni sui predefiniti per immagini understanding-image-presets

Analogamente a una macro, un predefinito immagine è un insieme predefinito di comandi di ridimensionamento e formattazione salvati con un nome. Per capire come funzionano i predefiniti per immagini, supponiamo che il sito web richieda che ogni immagine del prodotto sia visualizzata in dimensioni, formati e tassi di compressione diversi per la consegna su desktop e dispositivi mobili.

Potete creare due predefiniti immagine: 500 x 500 pixel per desktop e 150 x 150 pixel per dispositivi mobili. Si creano due predefiniti immagine, uno denominato Enlarge per visualizzare immagini a 500x500 pixel e uno denominato Thumbnail per visualizzare immagini a 150 x 150 pixel. Per distribuire immagini con le dimensioni Enlarge e Thumbnail, Experience Manager trova la definizione di Enlarge Image Preset e Thumbnail Image Preset. A questo punto Experience Manager genera un’immagine in modo dinamico in base alle dimensioni e alle specifiche di formattazione di ciascun predefinito immagine.

Le immagini di dimensioni ridotte, quando vengono distribuite in modo dinamico, possono perdere nitidezza e dettagli. Per questo motivo, ogni predefinito immagine contiene controlli di formattazione per ottimizzare un’immagine quando viene distribuita con una dimensione specifica. Questi controlli garantiscono che le immagini siano nitide e chiare quando vengono inviate al sito Web o all'applicazione.

Gli amministratori possono creare predefiniti per immagini. Per creare un predefinito immagine, puoi iniziare da zero oppure da uno esistente e salvarlo con un nuovo nome.

Gestione predefiniti immagine managing-image-presets-1

Per gestire i predefiniti immagine in Experience Manager, seleziona il logo Experience Manager per accedere alla console di navigazione globale, fai clic sull'icona Strumenti e vai a Assets > Predefiniti immagine.

6_5_tools-assets-imagepresets

NOTE
Tutti i predefiniti immagine creati sono disponibili anche come rappresentazioni dinamiche quando visualizzi l’anteprima o distribuisci le risorse.
non devi pubblicare i predefiniti immagine perché i predefiniti immagine vengono pubblicati automaticamente.
Consulta Pubblica predefiniti immagine.
NOTE
Il sistema mostra varie rappresentazioni quando si selezionano Rappresentazioni nella visualizzazione Dettagli di una risorsa. Puoi aumentare o diminuire il numero di predefiniti immagine visualizzati. Vedere Aumentare il numero di predefiniti immagine visualizzati.

Correlazione dei predefiniti immagine con le rappresentazioni how-image-presets-relate-to-renditions

I predefiniti per immagini definiscono il modo in cui Dynamic Media distribuisce le immagini, inclusi il dimensionamento, la formattazione, la compressione e altri parametri di visualizzazione. I predefiniti non generano essi stessi le rappresentazioni. Si basano invece su rappresentazioni create durante l’elaborazione delle risorse.

Generazione di rappresentazioni in AEM as a Cloud Service rendition-generation-in-aemaacs

In AEM as a Cloud Service, le rappresentazioni vengono generate utilizzando Asset Microservices. Il flusso di lavoro Risorsa di aggiornamento DAM non è disponibile per la personalizzazione in Cloud Service.

Considerazioni importanti includono quanto segue:

  • Le rappresentazioni vengono generate al momento del caricamento.
  • Le modifiche a un profilo di elaborazione interessano le nuove risorse caricate. Se sono necessarie nuove rappresentazioni, le risorse esistenti devono essere rielaborate.
  • La personalizzazione del modello di flusso di lavoro non è supportata in AEM as a Cloud Service per la generazione di rappresentazioni.

I predefiniti immagine fanno riferimento alle rappresentazioni disponibili al momento della consegna. Assicurati che siano presenti le rappresentazioni richieste prima di configurare o utilizzare i predefiniti per immagini.

Per controllare quali rendering vengono generati:

  1. Crea o modifica un profilo di elaborazione.
  2. Configura le definizioni di rappresentazione richieste.
  3. Applica il profilo di elaborazione alla cartella appropriata.

Quando le risorse vengono caricate in una cartella a cui è applicato un profilo di elaborazione, i microservizi per le risorse generano automaticamente le rappresentazioni definite.

Aumenta o diminuisce il numero di immagini preimpostate visualizzate increasing-or-decreasing-the-number-of-image-presets-that-display

I predefiniti immagine creati sono disponibili come rappresentazioni dinamiche quando visualizzi l’anteprima delle risorse. Experience Manager mostra varie rappresentazioni dinamiche quando si visualizza una risorsa da Vista dettagli > Rappresentazioni. Puoi aumentare o diminuire il limite delle rappresentazioni visualizzate.

Per aumentare o diminuire il numero di predefiniti immagine visualizzati:

  1. Passa a CRXDE Lite (https://localhost:4502/crx/de).

  2. Passa al nodo elenco predefiniti immagine in /libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist

    incremento_decreasethenumberofimagepresetsthatdisplay

  3. Nella proprietà limit, modifica Valore, che corrisponde a 15 per impostazione predefinita, inserendo un numero a piacere.

  4. Passa all'origine dati del predefinito immagine in /libs/dam/gui/coral/content/commons/sidepanels/imagepresetsdetail/imgagepresetslist/datasource

    chlimage_1-495

  5. Nella proprietà limit, modifica il numero impostando il numero desiderato, ad esempio {empty requestPathInfo.selectors[1] ? "20" : requestPathInfo.selectors[1]}

  6. Seleziona Salva tutto.

Creare predefiniti immagine creating-image-presets

Crea predefiniti immagine per applicare le impostazioni in modo coerente tra le immagini durante l'anteprima o la pubblicazione.

NOTE
Se si utilizza Internet Explorer 9, la creazione di un predefinito non viene visualizzata nell'elenco dei predefiniti subito dopo il salvataggio. Per risolvere il problema, disabilita la cache per IE9.

Se desideri supportare l’acquisizione di file AI, PDF e EPS in modo da poter generare una rappresentazione dinamica di questi formati di file, controlla le informazioni seguenti prima di creare predefiniti immagine.

Consulta Formati di file Adobe Illustrator (AI), PostScript® (EPS) e PDF.

Se intendete supportare l'acquisizione di file INDD in modo da poter generare una rappresentazione dinamica di questo formato di file, consultate le seguenti informazioni prima di creare predefiniti immagine.

Vedere Formato file InDesign (INDD).

Per creare predefiniti immagine:

  1. In Experience Manager, seleziona il logo Experience Manager per accedere alla console di navigazione globale, quindi vai a Strumenti > Assets > Predefiniti immagine.

  2. Seleziona Crea.

    chlimage_1-496

    note note
    NOTE
    Per rendere dinamico questo predefinito immagine, cancella i valori nei campi larghezza e altezza, lasciandoli vuoti.
  3. Nella finestra Modifica predefinito immagine, immetti i valori desiderati nelle schede Base e Avanzate, compreso un nome. Le opzioni sono descritte in Opzioni predefinito immagine. I predefiniti vengono visualizzati nel riquadro a sinistra e possono essere usati all’istante con altre risorse.

    6_5_imagepreset-edit

  4. Seleziona Salva.

Creare un predefinito immagine reattivo creating-a-responsive-image-preset

Per creare un predefinito immagine reattivo, esegui i passaggi descritti in Creare predefiniti immagine. Quando immetti l'altezza e la larghezza nella finestra Modifica predefinito immagine, cancella i valori e lasciali vuoti.

Se non specificate alcun valore, il predefinito immagine è dinamico per Experience Manager. È possibile regolare gli altri valori in modo appropriato.

NOTE
Per visualizzare i pulsanti URL e RESS quando applichi un predefinito immagine a una risorsa, la risorsa deve essere pubblicata.
chlimage_1-79
I predefiniti per immagini e le risorse di immagini vengono pubblicati automaticamente.

Opzioni predefinito immagine image-preset-options

Quando si creano o si modificano i predefiniti immagine, sono disponibili le opzioni descritte in questa sezione. Inoltre, Adobe consiglia di iniziare dalle seguenti opzioni di "best practice":

  • Formato (Base scheda) - Seleziona JPEG o un altro formato che soddisfa i tuoi requisiti. Tutti i browser web supportano il formato immagine JPEG, in quanto offre un buon compromesso tra dimensioni ridotte dei file e qualità delle immagini. Tuttavia, le immagini in formato JPEG usano uno schema di compressione che causa la perdita di dati, con possibile introduzione di artefatti di immagine indesiderati, qualora l’impostazione di compressione sia troppo bassa. Per questo motivo, Adobe consiglia di impostare la qualità di compressione su 75. Questa impostazione offre un buon compromesso tra la qualità delle immagini e le dimensioni ridotte dei file.

  • Abilita nitidezza semplice: non selezionare Abilita nitidezza semplice (il filtro di nitidezza offre un controllo inferiore rispetto alle impostazioni Maschera definizione dettagli).

  • Nitidezza: Metodo Ricampionamento - Selezionare Nitidezza2.

Opzioni di base delle schede basic-tab-options

Campo
Descrizione
Nome
Inserisci un nome descrittivo senza spazi vuoti. Per aiutare gli utenti a identificare questo predefinito immagine, includi nel nome la specifica della dimensione dell’immagine.
Larghezza e altezza
Immettete la dimensione in pixel dell'immagine trasmessa. Larghezza e altezza devono essere maggiori di 0 pixel. Se uno dei due valori è 0, non viene creato alcun predefinito. Se entrambi i valori sono vuoti, viene creato un predefinito immagine reattivo.
Formato
Scegliete un formato dal menu.
La scelta di JPEG offre le altre opzioni seguenti:
· Qualità - La scala di qualità di JPEG è 1-100. La scala è visibile quando si trascina il dispositivo di scorrimento.
· Abilita downsampling crominanza JPG - Poiché l'occhio è meno sensibile alle informazioni di colore ad alta frequenza rispetto alla luminanza ad alta frequenza, le immagini JPEG dividono le informazioni dell'immagine in componenti di luminanza e colore. Quando un'immagine JPEG viene compressa, il componente di luminanza viene lasciato a risoluzione massima, mentre i componenti di colore vengono ricampionati verso il basso calcolando la media di gruppi di pixel. Il downsampling riduce il volume dei dati a metà o un terzo con un impatto minimo sulla qualità percepita. Il downsampling non è applicabile alle immagini in scala di grigio. Questa tecnica riduce la quantità di compressione utile per le immagini con contrasto elevato (ad esempio, immagini con testo sovrapposto).

La scelta di GIF o GIF con alfa fornisce le seguenti opzioni aggiuntive di Quantizzazione colore GIF:
· Tipo - Selezionare Adattivo (impostazione predefinita), Web o Macintosh. Se si seleziona GIF con Alpha, l'opzione Macintosh non è disponibile.
· Dithering - Selezionare Diffuse o Off.
· Numero di colori - Immettere un numero compreso tra 2 e 256.
· Elenco colori - Immettere un elenco separato da virgole. Ad esempio, per bianco, grigio e nero, immettere 000000,888888,ffffff.

La scelta di PDF, TIFF o TIFF con Alfa fornisce questa opzione aggiuntiva:
· Compressione - Selezionare un algoritmo di compressione. Le opzioni algoritmo per PDF sono None, Zip e Jpeg; per TIFF sono None, LZW, Jpeg e Zip; per TIFF con Alpha sono None, LZW e Zip.

La scelta di PNG, PNG con Alpha o EPS non fornisce opzioni aggiuntive.
Nitidezza
Selezionare Attiva nitidezza semplice per applicare un filtro di nitidezza di base all'immagine dopo il ridimensionamento. La nitidezza può aiutare a compensare la sfocatura che può verificarsi quando si visualizza un'immagine a dimensioni diverse.

Opzioni scheda avanzate advanced-tab-options

Campo
Descrizione
Spazio colore
Selezionare RGB, CMYK, o Gradazioni di grigio per lo spazio colore.
Profilo colore
Seleziona il profilo dello spazio colore di output in cui vuoi convertire la risorsa, se diverso dal profilo di lavoro.
Intento di rendering

È possibile ignorare l'intento di rendering predefinito. Gli intenti di rendering determinano cosa accade ai colori che non possono essere riprodotti nel profilo colore di destinazione (fuori gamma). L'intento di rendering viene ignorato se non è compatibile con il profilo ICC.

  • Selezionare Percettivo per comprimere la gamma totale da uno spazio colore in un altro quando uno o più colori nell'immagine originale non rientrano nella gamma dello spazio colore di destinazione.
  • Selezionare Colorimetrico relativo quando un colore nello spazio colore corrente non rientra nella gamma dello spazio colore di destinazione. E si vuole mappare il tutto sulla gamma di colori di destinazione più vicina senza alterare gli altri colori.
  • Selezionare Saturazione per riprodurre la saturazione del colore dell'immagine originale durante la conversione nello spazio colore di destinazione.
  • Selezionare Colorimetrico assoluto per far corrispondere i colori esattamente senza alcuna regolazione per il punto bianco o nero che modificherebbe la luminosità dell'immagine.
Compensazione punto nero
Selezionate questa opzione se il profilo di output supporta questa funzione. La compensazione del punto nero viene ignorata se non è compatibile con il profilo ICC specificato.
Dithering
Selezionate questa opzione per evitare o ridurre possibili artefatti di striature di colore.
Tipo di nitidezza

Selezionare Nessuna, Nitidezza o Maschera definizione dettagli.

  • Selezionare Nessuno se si desidera disattivare la nitidezza.
  • Selezionare Contrasta per applicare un filtro di nitidezza di base all'immagine dopo il ridimensionamento. La nitidezza può aiutare a compensare la sfocatura che può verificarsi quando si visualizza un'immagine a dimensioni diverse.
  • Selezionare Maschera definizione dettagli se si desidera ottimizzare un effetto filtro di nitidezza sull'immagine ricampionata verso il basso finale. È possibile controllare l'intensità dell'effetto, il raggio (misurato in pixel) e una soglia di contrasto ignorata. Questo effetto utilizza le stesse opzioni del filtro "Maschera definizione dettagli" di Photoshop.

In Maschera definizione dettagli sono disponibili le seguenti opzioni:

  • Importo - Controlla la quantità di contrasto applicata ai pixel del bordo. Il valore numerico reale predefinito è 1,0. Per le immagini ad alta risoluzione, è possibile aumentarlo fino a 5.0. Considera Importo come una misura dell’intensità del filtro.
  • Raggio - Determina il numero di pixel attorno ai pixel del bordo che influiscono sulla nitidezza. Per le immagini ad alta risoluzione, immettere un numero reale compreso tra 1 e 2. Un valore basso agisce solo sui pixel del bordo; un valore alto agisce su una banda più ampia di pixel. Il valore corretto dipende dalle dimensioni dell'immagine.
  • Soglia - Determina l'intervallo di contrasto da ignorare quando viene applicato il filtro Maschera di contrasto. In altre parole, questa opzione definisce quanto i pixel resi più nitidi devono differire dall’area circostante per essere considerati pixel del bordo e più nitidi. Per evitare di introdurre disturbi, prova con valori interi compresi tra 2 e 20.
  • Applica a - Determina se l'annullamento della nitidezza viene applicato a ogni colore o luminosità.

La nitidezza è descritta in Utilizzo della nitidezza delle immagini con il video di Experience Manager Dynamic Media, Nitidezza di un'immagine nella Guida in linea e Best practice per la nitidezza delle immagini in Dynamic Media Classic PDF scaricabile.

Modalità ricampionamento

Selezionare un'opzione Ricampionamento modalità. Queste opzioni migliorano la nitidezza dell'immagine ricampionata verso il basso:

  • Bilineare - Il metodo di ricampionamento più veloce. Alcuni artefatti di alias sono visibili.
  • Bicubico - Aumenta l'utilizzo di CPU ma genera immagini più nitide con artefatti di aliasing meno evidenti.
  • Nitido2 - Può produrre risultati leggermente più nitidi rispetto a Bicubico, ma a un costo CPU ancora più elevato.
  • Bi-Sharp - Seleziona il ricampionatore predefinito di Photoshop per ridurre le dimensioni dell'immagine, denominato bicubic sharper in Adobe Photoshop.
  • Ogni colore e Luminosità - ogni metodo può essere basato sul colore o sulla luminosità. Per impostazione predefinita, è selezionato Ogni colore.
Risoluzione di stampa
Selezionare una risoluzione per la stampa dell'immagine. Il valore predefinito è 72 pixel.
Modificatore immagine

Oltre alle comuni impostazioni per le immagini disponibili nell'interfaccia utente, Dynamic Media supporta numerose modifiche avanzate per le immagini che puoi specificare nel campo Modificatori immagine. Questi parametri sono definiti nel riferimento del comando Image Server Protocol.

Importante: le seguenti funzionalità elencate nell’API non sono supportate:

  • Comandi di base per la creazione di modelli e il rendering del testo: text= textAngle= textAttr= textFlowPath= textFlowXPath= textPath= e textPs=
  • Comandi di localizzazione: locale= e req=xlate
  • req=set non è disponibile per l’utilizzo generale.
  • req=mbrset
  • req=saveToFile
  • req=targets
  • template=
  • Servizi Dynamic Media non core: SVG, Image Rendering e Web-to-Print

Definire le opzioni del predefinito immagine con i modificatori immagine defining-image-preset-options-with-image-modifiers

Oltre alle opzioni disponibili nelle schede Base e Avanzate, puoi definire modificatori di immagini per avere più opzioni quando definisci i predefiniti immagine. Image Rendering si basa sull'API di rendering delle immagini di Dynamic Media ed è definito in dettaglio nella documentazione del protocollo HTTP.

Di seguito sono riportati alcuni esempi di base delle operazioni che è possibile eseguire con i modificatori di immagini.

NOTE
Alcuni modificatori di immagini ​ non possono essere utilizzati in Experience Manager.
  • op_invert - Inverte ogni componente di colore per ottenere un effetto immagine negativo.

    code language-xml
    &op_invert=1
    

    6_5_imagepreset-edit-invert

  • op_blur - Applica un filtro di sfocatura all'immagine.

    code language-xml
    &op_blur=7
    

    6_5_imagepreset-edit-blur

  • Comandi combinati - op_blur e op-invert

    code language-xml
    &op_invert=1&op_blur=7
    

    chlimage_1-80

  • op_brightness - Diminuisce o aumenta la luminosità.

    code language-xml
    &op_brightness=58
    

    6_5_imagepreset-edit-brightness

  • opac - Regola l'opacità dell'immagine. Consente di ridurre l'opacità in primo piano.

    code language-xml
    opac=29
    

    6_5_imagepreset-edit-opacity

Modificare i predefiniti immagine modifying-image-presets

  1. In Experience Manager, seleziona il logo Experience Manager per accedere alla console di navigazione globale, quindi vai a Strumenti > Assets > Predefiniti immagine.

    6_5_imagepreset-editpreset

  2. Selezionare un predefinito, quindi selezionare Modifica. Viene visualizzata la finestra Modifica predefinito immagine.

  3. Apporta le modifiche e seleziona Salva per salvarle oppure Annulla per annullare le modifiche.

Pubblicare predefiniti immagine publishing-image-presets

I predefiniti per immagini vengono pubblicati automaticamente.

Elimina predefiniti immagine deleting-image-presets

  1. In Experience Manager, seleziona il logo Experience Manager per accedere alla console di navigazione globale, quindi fai clic sull’icona Strumenti.
  2. Passa a Assets > Predefiniti immagine.
  3. Selezionare un predefinito, quindi selezionare Elimina. Dynamic Media conferma che desideri eliminarlo. Seleziona Elimina per rimuovere o seleziona Annulla per tornare ai predefiniti immagine.
recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab