Profili immagine di Dynamic Media

Quando caricate le immagini, potete ritagliare automaticamente l’immagine al momento del caricamento applicando un profilo immagine alla cartella.

Nota

Smart Crop è disponibile solo in modalità Dynamic Media - Scene7.

IMPORTANTE

I profili immagine non sono applicabili ai file PDF, GIF animata o INDD ( Adobe InDesign).

Crop options

Le coordinate di ritaglio avanzato dipendono dalle proporzioni. Vale a dire, per le diverse impostazioni di ritaglio avanzato in un profilo immagine, se le proporzioni sono le stesse per le dimensioni aggiunte nel profilo immagine, le stesse proporzioni vengono inviate agli elementi multimediali dinamici. Per questo motivo, Adobe consiglia di utilizzare la stessa area di ritaglio. In questo modo non si verificherà alcun impatto sulle diverse dimensioni utilizzate nel profilo immagine.

Tenete presente che ogni generazione di Smart Crop creata richiede un’elaborazione aggiuntiva. Ad esempio, l’aggiunta di più di cinque proporzioni di SmartCrop può determinare una lenta velocità di assimilazione delle risorse. Può anche causare un maggiore carico sui sistemi. Poiché è possibile applicare lo Smart Crop a livello di cartella, Adobe consiglia di utilizzarlo nelle cartelle solo se necessario.

Potete scegliere tra due opzioni di ritaglio immagine. Potete anche automatizzare la creazione di campioni di colore e immagini.

Opzione Quando utilizzare Descrizione
Ritaglio pixel Ritagliate in massa le immagini in base solo alle dimensioni.

Per utilizzare questa opzione, selezionate Ritaglio pixel dall’elenco a discesa Opzioni di ritaglio.

Per ritagliare dai lati di un’immagine, immettete il numero di pixel da ritagliare da ogni lato o da ciascun lato dell’immagine. La quantità di immagine che viene ritagliata dipende dall’impostazione ppi (pixel per pollice) nel file immagine.

Il ritaglio di pixel di un profilo immagine viene eseguito nel modo seguente:

  • I valori sono In alto, In basso, A sinistra e A destra.
  • In alto a sinistra viene considerato 0,0 e il ritaglio pixel viene calcolato da tale punto.
  • Punto di partenza del ritaglio: A sinistra è X e In alto è Y
  • Calcolo orizzontale: dimensione in pixel orizzontale dell’immagine originale meno sinistra e quindi meno destra.
  • Calcolo verticale: altezza in pixel verticale meno in alto, quindi meno in basso in basso.

Ad esempio, supponete di avere un’immagine da 4000 x 3000 pixel. Vengono utilizzati i valori: Top=250, Bottom=500, Left=300, Right=700.

Dall’alto a sinistra (300.250) ritagliare utilizzando lo spazio di riempimento di (4000-300-700, 3000-250-500 o 3000.2250).

Ritaglio avanzato Ritagliare in massa le immagini in base al loro punto focale visivo.

Smart Crop utilizza l'intelligenza artificiale di Adobe Sensei per automatizzare rapidamente il ritaglio delle immagini in massa. Smart Crop rileva e ritaglia automaticamente il punto focale di qualsiasi immagine per catturare il punto di interesse desiderato, indipendentemente dalle dimensioni dello schermo.

Per utilizzare Smart Crop, selezionate Smart Crop (Ritaglioavanzato) dall’elenco a discesa Opzioni di ritaglio, quindi a destra di Responsive Image Crop, attivate (attivate) la funzione.

Le dimensioni predefinite dei punti di interruzione, grandi, medi e piccoli, coprono in genere l’intera gamma di dimensioni che la maggior parte delle immagini vengono utilizzate su dispositivi mobili e tablet, desktop e banner. Se necessario, potete modificare i nomi predefiniti di Large, Medium e Small.

Per aggiungere altri punti di interruzione, fate clic su Aggiungi ritaglio; per eliminare un ritaglio, fate clic sull’icona Garbage Can.

Campione immagine e colore Generare in massa un campione immagine per ciascuna immagine.

Nota: Lo Smart Swatch non è supportato in Dynamic Media Classic.

Individuate e generate automaticamente campioni di alta qualità dalle immagini di prodotto che mostrano colore o texture.

Per usare Campioni colore e immagine, selezionate Ritaglio avanzato dall’elenco a discesa Opzioni di ritaglio, quindi attivate la funzione a destra di Colore e Campione immagine. Immettete un valore in pixel nelle caselle di testo Larghezza e Altezza.

Anche se tutti i ritagli immagine sono disponibili dalla barra Rendering, i campioni vengono utilizzati solo tramite la funzione Copia URL. Per eseguire il rendering del campione sul sito, dovete usare un componente di visualizzazione personalizzato. (L’eccezione a questo è rappresentata dai banner carosello. Dynamic Media fornisce il componente di visualizzazione per il campione usato nei banner del carosello.

Utilizzo dei campioni immagine

L’URL per i campioni immagine è semplice. Ovvero:

/is/image/company/<asset_name>:Swatch

dove :Swatch viene aggiunta alla richiesta della risorsa.

Utilizzo dei campioni colore

Per usare i campioni colore, effettuate una req=userdata richiesta con le seguenti opzioni:

/is/image/<company_name>/<swatch_asset_name>:Swatch?req=userdata

Ad esempio, di seguito è riportata una risorsa campione in Dynamic Media Classic (Scene7):

https://my.company.com:8080/is/image/DemoCo/Sleek:Swatch

ed ecco l' req=userdata URL corrispondente della risorsa campione:

https://my.company.com:8080/is/image/DemoCo/Sleek:Swatch?req=userdata

La req=userdata risposta è la seguente:

SmartCropDef=Swatch SmartCropHeight=200.0 SmartCropRect=0.421671,0.389815,0.0848564,0.0592593,200,200 SmartCropType=Swatch SmartCropWidth=200.0 SmartSwatchColor=0xA56DB2

Potete anche richiedere una req=userdata risposta in formato XML o JSON, come negli esempi URL seguenti:

https://my.company.com:8080/is/image/DemoCo/Sleek:Swatch?req=userdata,xml

SmartSwatchColor

Maschera di contrasto

Usa Maschera definizione dettagli per regolare con precisione un effetto filtro di nitidezza sull’immagine ricampionata verso il basso finale. Puoi controllare l’intensità dell’effetto, il raggio in pixel e una soglia di contrasto da ignorare. L’effetto utilizza le stesse opzioni del filtro “Maschera definizione dettagli” di Adobe Photoshop.

Nota

La maschera di contrasto viene applicata solo alle rappresentazioni ridimensionate nel PTIFF (piramide tiff) con downsampling superiore al 50%. Ciò significa che le rappresentazioni di grandi dimensioni all’interno del font non vengono influenzate da una maschera di contrasto, mentre le rappresentazioni di dimensioni più piccole, come le miniature, vengono modificate (e mostreranno la maschera di contrasto).

In Maschera di contrasto, sono disponibili le seguenti opzioni di filtro:

Opzione Descrizione
Quantità Controlla la quantità di contrasto applicata ai pixel lungo i bordi. Il valore predefinito è 1,75. Per le immagini ad alta risoluzione, è possibile aumentare la risoluzione fino a 5. Considerate l'importo come una misura dell'intensità del filtro. L'intervallo è 0-5.
Raggio Determina quanti pixel attorno al bordo vengono interessati dalla nitidezza. Per le immagini ad alta risoluzione, inserite un valore da 1 a 2. Un valore basso agisce solo sui pixel del bordo; un valore più elevato agisce su una fascia più ampia di pixel. Il valore adatto dipende dalle dimensioni dell'immagine. Il valore predefinito è 0.2. L'intervallo è compreso tra 0 e 250.
Soglia

Determina l’intervallo di contrasto da ignorare quando viene applicato il filtro maschera di contrasto. In altre parole, questa opzione determina la differenza tra i pixel da rendere più nitidi rispetto all’area circostante, prima che vengano considerati pixel di un bordo e quindi resi più nitidi. Per evitare di introdurre disturbo, provate con valori compresi tra 0 e 255.

La nitidezza è descritta in [Immagini]di nitidezza (/docs/experience-manager-65/assets/assets/s7_sharpening_images.pdf?lang=it).

Creating Dynamic Media Image Profiles

Per definire parametri di elaborazione avanzati per altri tipi di risorse, consulta Configurazione dell’elaborazionedelle risorse.

Consultate Profili per elaborazione di metadati, immagini e video.

Consultate anche Best practice per l’organizzazione delle risorse digitali per l’utilizzo dei profilidi elaborazione.

Per creare profili immagine per file multimediali dinamici

  1. Tap the AEM logo and navigate to Tools > Assets > Image Profiles.

  2. Toccate Crea per aggiungere un nuovo profilo immagine.

  3. Immettete un nome di profilo e valori per maschera di contrasto, ritaglio o campione oppure per entrambi.

    Potrebbe essere utile utilizzare un nome di profilo specifico per lo scopo previsto. Ad esempio, se desiderate creare un profilo che genera solo i campioni, vale a dire se la funzione Smart Crop è disabilitata (disattivata) e se è attivata (attivata) l’opzione Colore e campione immagine, potete usare il nome di profilo "Smart Swatches".

    Consulta anche la sezione Opzioni di ritaglio avanzato e campione avanzato e Maschera definizione dettagli.

    ritaglio

  4. Toccate Salva. Il nuovo profilo creato viene visualizzato nell’elenco dei profili disponibili.

Modifica o eliminazione di profili immagine per file multimediali dinamici

  1. Tap the AEM logo and navigate to Tools > Assets > Image Profiles.

  2. Selezionate il profilo immagine da modificare o rimuovere. Per modificarlo, selezionate Modifica profilo elaborazione immagine. Per rimuoverlo, selezionate Elimina profilo elaborazione immagine.

    chlimage_1-254

  3. In caso di modifica, salvate le modifiche. Se eliminate, confermate che desiderate rimuovere il profilo.

Applicazione di un profilo immagine per file multimediali dinamici alle cartelle

Quando assegnate un profilo immagine a una cartella, tutte le sottocartelle ereditano automaticamente il profilo dalla cartella principale. Potete quindi assegnare un solo profilo immagine a una cartella. Considerate quindi attentamente la struttura delle cartelle in cui caricare, memorizzare, usare e archiviare le risorse.

Se a una cartella è stato assegnato un profilo immagine diverso, il nuovo profilo sostituisce quello precedente. Le risorse di cartella esistenti in precedenza restano invariate. Il nuovo profilo viene applicato alle risorse aggiunte successivamente alla cartella.

Le cartelle a cui è assegnato un profilo sono indicate nell'interfaccia utente in base al nome del profilo visualizzato nella scheda.

Potete applicare i profili immagine a cartelle specifiche o globalmente a tutte le risorse.

Potete rielaborare le risorse in una cartella che dispone già di un profilo immagine esistente modificato in seguito. Consulta Rielaborazione delle risorse in una cartella dopo la modifica del profilo di elaborazione.

Applicazione dei profili immagine per elementi multimediali dinamici a cartelle specifiche

Puoi applicare un profilo immagine a una cartella direttamente dal menu Strumenti oppure, se ti trovi nella cartella, da Proprietà. Questa sezione descrive come applicare i profili immagine alle cartelle con entrambe le soluzioni.

Le cartelle a cui è già stato assegnato un profilo sono indicate dalla visualizzazione del nome del profilo che è posto direttamente sotto il nome della cartella.

Potete rielaborare le risorse in una cartella che dispone già di un profilo video esistente modificato in seguito. Consulta Rielaborazione delle risorse in una cartella dopo la modifica del profilo di elaborazione.

Applicazione dei profili immagine per elementi multimediali dinamici alle cartelle dall’interfaccia utente Profili

  1. Tap the AEM logo and navigate to Tools > Assets > Image Profiles.

  2. Selezionate il profilo immagine da applicare a una o più cartelle.

    chlimage_1-255

  3. Tap Apply Processing Profile to Folder(s) and select the folder or multiple folders you want use to receive the newly uploaded assets and tap/click Apply. Le cartelle a cui è già stato assegnato un profilo sono indicate dalla visualizzazione del nome del profilo che è posto direttamente sotto il nome della cartella.

Applicazione dei profili immagine per elementi multimediali dinamici alle cartelle da Proprietà

  1. Toccate il logo AEM e accedete a Risorse , quindi alla cartella a cui desiderate applicare un profilo immagine.

  2. Sulla cartella, toccate il segno di spunta per selezionarlo, quindi toccate Proprietà.

  3. Tocca la scheda Profili immagine. Seleziona il profilo dall’elenco a discesa Nome profilo, quindi tocca Salva e chiudi. Le cartelle a cui è già stato assegnato un profilo sono indicate dalla visualizzazione del nome del profilo che è posto direttamente sotto il nome della cartella.

    chlimage_1-256

Applicazione di un profilo immagine per elementi multimediali dinamici a livello globale

Oltre ad applicare un profilo a una cartella, potete anche applicarne uno a livello globale in modo che a qualsiasi contenuto caricato AEM risorse di qualsiasi cartella sia applicato il profilo selezionato.

Potete rielaborare le risorse in una cartella che dispone già di un profilo video esistente modificato in seguito. Consulta Rielaborazione delle risorse in una cartella dopo la modifica del profilo di elaborazione.

Per applicare a livello globale un profilo immagine per elementi multimediali dinamici:

  1. Effettua una delle operazioni seguenti:

    • Individuate https://&lt;AEM server&gt;/mnt/overlay/dam/gui/content/assets/foldersharewizard.html/content/dam e applicate il profilo appropriato e toccate Salva.

      chlimage_1-257

    • Passa al CRXDE Lite al seguente nodo: /content/dam/jcr:content.

      Aggiungete la proprietà imageProfile:/conf/global/settings/dam/adminui-extension/imageprofile/<name of image profile> e toccate Salva tutto.

      configure_image_profile

Modifica del ritaglio avanzato o del campione avanzato di una singola immagine

Nota

Smart Crop è disponibile solo in modalità Dynamic Media - Scene7.

Potete riallineare o ridimensionare manualmente la finestra di ritaglio avanzato di un’immagine per perfezionarne ulteriormente il punto focale.

Dopo aver modificato e salvato un ritaglio avanzato, la modifica viene propagata ovunque si utilizzi il ritaglio per le immagini specifiche.

Se necessario, potete eseguire nuovamente il ritaglio avanzato per generare di nuovo il raccolto aggiuntivo.

Consultate anche Modifica del campione avanzato o avanzato di più immagini.

Per modificare il ritaglio avanzato o il campione avanzato di una singola immagine:

  1. Toccate il logo AEM e accedete a Risorse, quindi alla cartella a cui è stato applicato un profilo immagine di ritaglio avanzato o campione avanzato.

  2. Toccate la cartella per aprirne il contenuto.

  3. Toccate l’immagine di cui desiderate regolare il ritaglio avanzato o il campione avanzato.

  4. Nella barra degli strumenti, toccate Ritaglio avanzato.

  5. Effettua una delle operazioni seguenti:

    • Nell’angolo superiore destro della pagina, trascinate la barra di scorrimento verso sinistra o destra per aumentare o diminuire rispettivamente la visualizzazione dell’immagine.
    • Sull’immagine, trascinate una maniglia d’angolo per regolare la dimensione dell’area visibile del ritaglio o del campione.
    • Sull’immagine, trascinate la casella o il campione in una nuova posizione. Potete modificare solo i campioni immagine; i campioni colore sono statici.
    • Sopra l’immagine, toccate Ripristina per annullare tutte le modifiche e ripristinare il ritaglio o il campione originale.
  6. Nell’angolo superiore destro della pagina, toccate Salva, quindi toccate Chiudi per tornare alla cartella delle risorse.

Modifica del ritaglio avanzato o del campione avanzato di più immagini

Dopo aver applicato a una cartella un profilo immagine contenente lo Smart Crop, a tutte le immagini in quella cartella viene applicato un ritaglio. Se necessario, potete riallineare o ridimensionare manualmente la finestra di ritaglio avanzato in più immagini per perfezionarne ulteriormente il punto focale.

Dopo aver modificato e salvato un ritaglio avanzato, la modifica viene propagata ovunque si utilizzi il ritaglio per le immagini specifiche.

Se necessario, potete eseguire nuovamente il ritaglio avanzato per generare di nuovo il raccolto aggiuntivo.

Per modificare il ritaglio avanzato o il campione avanzato di più immagini:

  1. Toccate il logo AEM e accedete a Risorse, quindi a una cartella a cui è applicato un profilo immagine di ritaglio avanzato o campione avanzato.

  2. Nella cartella, toccate l'icona Altre azioni (…), quindi toccate Smart Crop.

  3. Nella pagina Modifica ritaglio avanzato, effettuate una delle seguenti operazioni:

    • Regolate le dimensioni di visualizzazione delle immagini sulla pagina.

      A destra dell’elenco a discesa del nome del punto di interruzione, trascinate la barra di scorrimento verso sinistra o destra per modificare le dimensioni della visualizzazione dell’immagine visualizzabile.

      edit_smart_packages-sliderbar

    • Filtrare l’elenco di immagini visualizzabili in base ai nomi dei punti di interruzione. Nell’esempio seguente, le immagini vengono filtrate sul nome del punto di interruzione "Medium".

      Nell’angolo superiore destro della pagina, dall’elenco a discesa, selezionate un nome per punto di interruzione per filtrare le immagini visualizzate. (Vedete l’immagine qui sopra).

      edit_smart_Ritagini-elenco a discesa

    • Ridimensionate la casella di ritaglio avanzato. Effettuate una delle seguenti operazioni:

      • Se l’immagine dispone solo di un ritaglio avanzato o di un campione avanzato, trascinate sull’immagine la maniglia d’angolo della casella di ritaglio per regolare le dimensioni dell’area visibile del ritaglio.
      • Se l’immagine dispone sia di un ritaglio avanzato che di un campione avanzato, trascinate sull’immagine la maniglia d’angolo della casella di ritaglio per regolare le dimensioni dell’area visibile del ritaglio. Oppure, toccate o fate clic sul campione avanzato sotto l’immagine (i campioni colore sono statici), quindi trascinate la maniglia d’angolo della casella di ritaglio per regolare la dimensione dell’area visibile del campione.

      Ridimensionamento del ritaglio avanzato di un’immagine.

    • Spostate la casella di ritaglio avanzato. Effettuate una delle seguenti operazioni:

      • Se l’immagine dispone solo di un ritaglio avanzato o di un campione avanzato, trascinate la casella di ritaglio in una nuova posizione.
      • Se l’immagine dispone sia di un ritaglio avanzato che di un campione avanzato, trascinate la casella di ritaglio avanzato in una nuova posizione. Oppure, toccate o fate clic sul campione avanzato sotto l’immagine (i campioni colore sono statici), quindi trascinate la casella di ritaglio campione avanzato in una nuova posizione.

      edit_smart_ritagriturismo

    • Annullate tutte le modifiche e ripristinate il ritaglio avanzato o il campione avanzato originale (applicabile solo alla sessione di modifica corrente).

      Toccate Ripristina sopra l’immagine.

      edit_smart_ritorni-revert

  4. Near the upper-right corner of the page, tap Save. quindi toccate Chiudi per tornare alla cartella delle risorse.

Rimozione di un profilo immagine dalle cartelle

Quando rimuovete un profilo immagine da una cartella, tutte le sottocartelle ereditano automaticamente la rimozione del profilo dalla cartella principale. Tuttavia, l'elaborazione dei file che si è verificata all'interno delle cartelle rimane intatta.

Puoi rimuovere un profilo immagine da una cartella direttamente dal menu Strumenti oppure, se ti trovi nella cartella, da Proprietà. Questa sezione descrive come rimuovere i profili immagine dalle cartelle con entrambe le soluzioni.

Rimozione dei profili immagine per elementi multimediali dinamici dalle cartelle tramite l’interfaccia utente Profili

  1. Tap the AEM logo and navigate to Tools > Assets > Image Profiles.

  2. Selezionate il profilo immagine da rimuovere da una o più cartelle.

  3. Tocca Rimuovi profilo elaborazione da cartelle e seleziona una o più cartelle da cui vuoi rimuovere il profilo, infine tocca Rimuovi.

    Potete confermare che il profilo immagine non viene più applicato a una cartella perché il nome non viene più visualizzato sotto il nome della cartella.

Rimozione dei profili immagine per elementi multimediali dinamici dalle cartelle tramite Proprietà

  1. Toccate il logo AEM e individuate le risorse , quindi la cartella da cui desiderate rimuovere un profilo immagine.

  2. Toccate il segno di spunta sulla cartella per selezionarla, quindi toccate Proprietà.

  3. Select the Image Profiles tab.

  4. From the Profile Name drop-down list, select None, then tap Save & Close.

    Le cartelle a cui è già stato assegnato un profilo sono indicate dalla visualizzazione del nome del profilo che è posto direttamente sotto il nome della cartella.

In questa pagina