Migliorare la nitidezza di un’immagine

La nitidezza si ottiene con una tecnica di manipolazione dell’immagine che rende più netti i contorni di un’immagine digitale. La nitidezza aumenta il contrasto tra i pixel dei bordi ed enfatizza il passaggio dalle aree chiare a quelle scure e viceversa. La nitidezza aumenta il contrasto locale e mette in evidenza i dettagli. Non esiste una formula rigida per ottenere la giusta nitidezza per tutte le immagini. Una nitidezza troppo leggera può produrre immagini morbide mentre una nitidezza troppo accentuata può produrre immagini con artefatti, disturbo o aloni.

Adobe Dynamic Media Classic consiglia vivamente di utilizzare i predefiniti per immagini per tutte le immagini. Garantiscono una dimensione uniforme e la nitidezza viene applicata a qualsiasi immagine chiamata con un predefinito per immagini. Inoltre, puoi facilmente modificare e modificare i parametri di nitidezza di un predefinito per immagini. Alla successiva pubblicazione i nuovi parametri verranno applicati a tutte le immagini richiamate da tale predefinito.

Adobe Dynamic Media Classic consiglia inoltre di aggiungere nitidezza ai predefiniti per visualizzatori e quindi di chiamare un visualizzatore con tale predefinito. In questo modo, le immagini all'interno dei visualizzatori sono nitide e accattivanti.

Tuttavia, sia che si utilizzi Predefiniti immagine e Predefiniti visualizzatore, sia che si utilizzi un metodo alternativo di nitidezza, in sostanza è necessario rendere più nitide le immagini. In caso contrario, le immagini (e il sito web) possono sembrare morbide e sfocate.

È spesso necessario rendere le immagini più nitide. Adobe Dynamic Media Classic e Image Server offrono diverse opzioni di nitidezza. È importante comprendere l’effetto di tali opzioni sulle immagini e l’entità di nitidezza necessaria. La maggior parte delle immagini richiede l’applicazione di nitidezza, ma l’entità di tale regolazione dipende dalle singole immagini.

La nitidezza aumenta il contrasto tra i pixel dell’immagine in modo da accentuarne i bordi. Gli esseri umani percepiscono il contrasto dei bordi come nitidezza. Sebbene sia facile migliorare un’immagine tramite filtri di nitidezza, è anche facile che tale regolazione risulti eccessiva.

Nelle immagini con nitidezza eccessiva si possono osservare un effetto alone o bande nelle linee dei bordi.

Sono disponibili best practice da seguire per ottimizzare la nitidezza delle immagini in Adobe Dynamic Media Classic e su Dynamic Media Image Server.

Vedi Best practice per la nitidezza delle immagini in Adobe Dynamic Media Classic e su Dynamic Media Image Server.

Vedi anche Nitidezza video di formazione.

Per rendere più nitida un’immagine:

Per rendere più nitida un’immagine, selezionarne il rollover Modifica pulsante e scegli Nitidezza, oppure aprilo nel pannello Sfoglia in visualizzazione Dettagli, quindi seleziona Nitidezza. Viene visualizzata la pagina Editor nitidezza con i comandi di nitidezza. Scegliere i comandi, quindi selezionare Salva.

Opzioni di nitidezza

Nella tabella seguente sono elencate le opzioni di nitidezza del server di immagini.

Seleziona la Nitidezza e scegli un'opzione:

• Nessuno - Disattiva la nitidezza.

• Nitidezza - Esegue una semplice passata di nitidezza sul file dopo il suo ridimensionamento. È simile al filtro "Nitidezza" in Adobe Photoshop e supporta qualsiasi parametro utente. Normalmente si utilizza questo filtro o Maschera definizione dettagli ma non entrambi. Questo metodo non è consigliato come procedura abituale, ma può servire per compensare un’eventuale sfocatura delle immagini. (URL: op_sharpen)

• Maschera definizione dettagli - Consente di 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 Photoshop. (URL: op_usm)

Scegli queste opzioni per ottimizzare la nitidezza con Maschera definizione dettagli:

• Importo - Controlla la quantità di contrasto applicata ai pixel del bordo. Il valore predefinito è 0,0. Per le immagini ad alta risoluzione, è possibile aumentare questo valore fino a 5,0. Il fattore può essere interpretato come una misura dell’intensità del filtro. La Importo In Adobe Dynamic Media Classic l’impostazione Importo non è la stessa di Adobe Photoshop. Adobe Photoshop utilizza un valore compreso tra l’1% e il 500%, mentre Adobe Dynamic Media Classic viene ridimensionato da 0,0 a 5,0. dove 5,0 equivale circa a 500% in Photoshop, 0,9 a 90% e così via.

• Raggio - Determina il numero di pixel intorno ai pixel del bordo che influiscono sulla nitidezza. L’effetto viene eseguito su tutti i pixel dell’immagine, in tutte le direzioni.

Il valore di raggio più adatto dipende dalle dimensioni dell’immagine. Un valore basso rende più nitidi solo i pixel dei bordi. Un valore alto rende più nitida una banda più ampia di pixel.

Ad esempio, per ottenere un effetto di nitidezza simile per un'immagine da 2000 x 2000 pixel e un'immagine da 500 x 500 pixel, puoi impostare un valore di raggio di due pixel sull'immagine da 2000 x 2000 pixel. Quindi impostate un raggio di 1 pixel per l’immagine di 500x500 pixel. In altre parole, sceglierete un valore maggiore per l’immagine con più pixel.

• Soglia - Determina l'intervallo di contrasto da ignorare quando viene applicato il filtro Maschera definizione dettagli. Questa opzione specifica quale deve essere il grado di differenza dei pixel da rendere più nitidi rispetto all’area circostante, affinché vengano considerati pixel di un bordo e quindi resi più nitidi.

Threshold utilizza un valore compreso tra 0 e 255, che è il numero di passaggi di luminosità in un'immagine in scala di grigi. 0=nero, 128=grigio al 50% e 255=bianco. Ad esempio, con un valore di soglia pari a 12 vengono ignorate le variazioni lievi di luminosità nell’incarnato, in modo da non introdurre disturbo, mentre viene aumentato il contrasto lungo i bordi delle aree con maggior contrasto, ad esempio tra ciglia e incarnato.

Ad esempio, per una foto di un volto, Maschera di contrasto agisce sulle parti dell’immagine con maggior contrasto, ma anche sulle aree di incarnato uniforme. Anche l’incarnato più omogeneo presenta lievi variazioni nei valori di luminosità. Se non si utilizza un valore di soglia, il filtro accentuerebbe tali lievi variazioni nei pixel dell’incarnato rendendolo meno uniforme (creando un effetto indesiderato), mentre aumenterebbe il contrasto per le ciglia rendendole più nitide (creando un effetto gradevole). Per evitare questo problema, utilizzate un valore di soglia che indichi al filtro di ignorare i pixel con modifiche lievi a livello di contrasto, come appunto nel caso della pelle. Per evitare di introdurre rumore o posterizzazione-in immagini con toni di carne, ad esempio, prova a sperimentare con Soglia da due a 20. Il valore predefinito Soglia il valore 0 rende più nitidi tutti i pixel dell’immagine.

• Applica a - Scegli Ogni colore se si desidera applicare la nitidezza separatamente a ciascun componente colore; scegli Luminosità per applicare nitidezza alle aree di luminosità dell'immagine.

Ricampionamento

Seleziona la Ricampionamento e scegliere un'opzione. Queste opzioni aumentano la nitidezza quando si esegue il downsampling dell’immagine:

• Nessuno - Disattiva il ricampionamento.

• Bilineare - il metodo di ricampionamento più veloce; alcuni artefatti di aliasing sono evidenti.

• Bicubico - Aumenta l'utilizzo della CPU sul server di immagini, ma produce immagini più nitide con artefatti di aliasing meno evidenti.

• Nitidezza2 - Produce risultati leggermente più nitidi rispetto a Bicubico, ma con costi CPU ancora più elevati sul server di immagini.

• Trilineare - utilizza risoluzioni sia superiori che inferiori, se disponibili; consigliato solo quando l’aliasing è un problema. Questo metodo riduce le dimensioni JPEG grazie a una minore quantità di dati ad alta frequenza.

Predefiniti nitidezza e immagine

Potete incorporare tutti e tre gli effetti di nitidezza per ottenere il risultato finale. Tuttavia, questo metodo non è consigliato. Adobe Dynamic Media Classic consiglia di salvare gli effetti di nitidezza come parte di un predefinito per immagini. I predefiniti per immagini consentono di creare pacchetti dei modificatori di immagini più utilizzati per creare un'immagine ridimensionata in modo dinamico in una stringa di testo di piccole dimensioni. Un predefinito per immagini contiene valori per il formato file (in genere JPEG per il web), il conteggio dei pixel e la nitidezza delle immagini. Invece di aggiungere l’URL a ogni modificatore di immagine da utilizzare per creare un tipo specifico di dimensione dell’immagine, crea un predefinito per immagini denominato, ad esempio "miniatura". Quindi, configura la miniatura Preimpostazione immagine con le dimensioni, il formato del file e le opzioni di nitidezza appropriate. Chiama l'immagine utilizzando il nome del predefinito immagine. I predefiniti per immagini riducono la lunghezza dell’URL complessivo. Questi due URL producono la stessa immagine di 350x350 JPEG con nitidezza:

• https://sample.scene7.com/is/image/S7train/Backpack_A?wid=350&hei=350&fmt=jpeg&qlt=85,0&resMode=sharp2&op_usm=0.9,1.0,8,0
• https://sample.scene7.com/is/image/S7train/Backpack_A?$!_s7product$

I predefiniti per immagini possono essere modificati e aggiornati in qualsiasi momento. I risultati di una modifica a un predefinito immagine vengono visualizzati dopo la pubblicazione e dopo la cancellazione della cache per l’URL.

Se utilizzate un predefinito per ciascuna immagine di una categoria di dimensioni, l’amministratore società può aggiornare la definizione del predefinito per immagini e pubblicare nuovamente i contenuti: tutte le immagini che utilizzano tale formato verranno regolate di conseguenza, senza che sia stato necessario modificare il codice Web. Si consiglia di utilizzare un predefinito per immagini per ciascuna dimensione di immagini utilizzata nel sito. Per aggiungere un predefinito per immagini, nella barra di navigazione globale vai a Configurazione > Impostazioni applicazione > Predefiniti immagine. Quindi, seleziona Aggiungi o seleziona Modifica per modificare un predefinito esistente. L’unico campo obbligatorio è il nome del predefinito. Tuttavia, è meglio includere un certo livello di nitidezza in ogni predefinito.

Qualità JPG

Le opzioni di Qualità JPG controllano il livello di compressione JPG:

• Qualità JPG - Selezionare questa opzione se si desidera controllare i livelli di compressione e il decampionamento della crominanza.

• Cursore - Determina il livello di compressione JPG. Questa impostazione interessa sia le dimensioni del file che la qualità dell’immagine. La scala di qualità JPG è 1-100.

• Abilita il downsampling della crominanza di JPG - Poiché l'occhio è meno sensibile alle informazioni sui colori ad alta frequenza rispetto alla luminanza ad alta frequenza, le immagini JPEG dividono le informazioni sulle immagini in componenti luminanza e colore. Quando un’immagine JPEG viene compressa, il componente della luminanza viene lasciato alla massima risoluzione, mentre per i componenti colore viene eseguito il downsampling calcolando la media di gruppi di pixel. Il downsampling riduce di metà o un terzo il volume di dati, con impatto trascurabile sulla qualità percepita. Non è possibile eseguire il downsampling sulle immagini in scala di grigio. Questa tecnica riduce il fattore di compressione ed è utile per le immagini ad alto contrasto (ad esempio, immagini con testo sovrapposto).

Impostare le opzioni di nitidezza a livello aziendale

Se non usate un predefinito per immagini o non passate specifici protocolli di nitidezza per il server immagine tramite la stringa URL, l’immagine ricampionata non verrà resa più nitida. Tuttavia, in caso di assenza di nitidezza, è possibile impostare valori di nitidezza predefiniti e qualsiasi immagine ha sempre una certa nitidezza.

Per impostare le opzioni di nitidezza predefinite della tua azienda, vai a Configurazione > Impostazione applicazione > Pubblica installazione > Server immagini. Se si imposta la modalità di campionamento predefinita su Sharp2, rende sempre più nitida l’immagine durante il ricampionamento.

Aggiungere nitidezza ai predefiniti per visualizzatori

Se non aggiungete al predefinito i modificatori immagine per la nitidezza, la piccola immagine di caricamento iniziale può apparire sfocata: questo accade perché viene ricampionata per rientrare nella finestra del visualizzatore, ma non viene applicata alcuna regolazione a livello di nitidezza.

I predefiniti per visualizzatori (come i predefiniti per immagini) consentono di centralizzare molte opzioni in un’unica posizione, tra cui la scelta della pelle e delle opzioni di visualizzazione (ad esempio, l’inclusione di un pulsante Stampa o il controllo della velocità dell’animazione dello zoom). I predefiniti per visualizzatori si trovano nella stessa sezione dei predefiniti per immagini, in Configurazione > Impostazioni applicazione > Predefiniti visualizzatore.

Vedi Predefiniti visualizzatore video di formazione.

L’opzione Modificatori si trova nella sezione Impostazioni principali di tutti i predefiniti per visualizzatori eCatalog, 360 gradi e Zoom personalizzati. Aggiungendo i comandi URL di nitidezza alla casella Modificatori, potete applicare la nitidezza ogni volta che il visualizzatore viene richiamato con quel predefinito per visualizzatori.

Per chiamare il predefinito per visualizzatori, utilizza il config= sull'URL del visualizzatore. Esempio di chiamata di set di immagini (Shoes) con un predefinito per visualizzatori (FantasticoZoom2022):

https://s7d9.scene7.com/s7viewers/html5/ZoomViewer.html?asset=Scene7SharedAssets/ImageSet-Views-Sample&config=S7train/FantasticoZoom2022

In questo caso il predefinito applica la nitidezza e cambia l’interfaccia predefinita del visualizzatore.

Creare sostituzioni specifiche per le immagini

L’ultimo metodo per l’applicazione della nitidezza, e il meno consigliato, consiste nel creare impostazioni locali di nitidezza a livello delle singole immagini. Questo metodo sostituisce la nitidezza in un predefinito immagine con i relativi valori specifici. Tuttavia, questo metodo esclude anche tutti gli altri metodi di nitidezza di qualsiasi dimensione. Questo metodo può risultare utile, ad esempio, se alcune delle immagini non sono ad alta risoluzione e i valori nei predefiniti per immagini sono quindi troppo elevati. In questo caso, è possibile che sia necessaria una certa nitidezza per ogni immagine.

In Adobe Dynamic Media Classic, seleziona un'immagine, vai alla Vista dettagli (facendo doppio clic o premendo Vista dettagli e seleziona Nitidezza. Modifica un parametro, quindi seleziona Salva. Questo processo indica al server di immagini di utilizzare questi parametri di nitidezza anziché qualsiasi comando chiamato nell’URL, ad esempio un modificatore di nitidezza o un predefinito per immagini. Assicurati di pubblicare per vedere che le modifiche hanno effetto.

Risorse Business.Adobe.com

Automated Onboarding Personalized Experiences Customer Communications Responsive Forms Customer Experience Management Content Management