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.

Ad Adobe, Dynamic Media Classic consiglia vivamente di utilizzare i predefiniti immagine 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.

NOTA

il comando Più nitido sostituisce le impostazioni dei predefiniti immagine, inclusi gli effetti di nitidezza. Un predefinito per immagini regola le dimensioni e la formattazione con cui le immagini vengono distribuite dai server di immagini Dynamic Media. Ad Adobe, Dynamic Media Classic consiglia vivamente di utilizzare i predefiniti per immagini per fornire tutte le immagini in modo che siano fornite con dimensioni e nitidezza uniformi. Se si cambiano le impostazioni di nitidezza di un’immagine, le impostazioni di nitidezza del predefinito per immagini non sono più applicabili. L’immagine viene quindi trasmessa senza le impostazioni di nitidezza provenienti dal predefinito per immagini.

È 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.

È possibile seguire le best practice per ottimizzare la nitidezza delle immagini in Adobe Dynamic Media Classic e su Dynamic Media Image Server.

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

Per rendere più nitida un’immagine:

Per aumentare la nitidezza di un'immagine, selezionarne il pulsante rollover Modifica e scegliere Nitidezza, oppure aprirlo nel pannello Sfoglia in Vista dettagli, quindi selezionare Nitidezza. Viene visualizzata la pagina Editor nitidezza con i comandi di nitidezza. Scegli i comandi e quindi seleziona Salva.

NOTA

Prima di rendere più nitida un’immagine potete selezionare il menu Applica predefinito e scegliere un predefinito per immagini per vederne l’effetto a livello di nitidezza. Gli effetti di nitidezza di un predefinito per immagini sono adatti all’immagine. Il menu Applica predefinito si trova nella parte inferiore della pagina Editor nitidezza.

Opzioni di nitidezza

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

Nome Protocollo URL Valori Esempio
Nitidezza semplice op_sharpen 0 Oppure 1 op_sharpen=1
Modalità di ricampionamento resMode bilin, bicub, sharp2, trilin

bilin: Seleziona l'interpolazione bi-lineare standard. metodo di ricampionamento più rapido; alcuni artefatti di aliasing sono spesso evidenti.
bicub: Seleziona l'interpolazione bi-cubica. Richiede maggiori risorse CPU rispetto a bilin, ma produce immagini più nitide e con meno artefatti di alias.

sharp2: Seleziona una funzione Lanczos Windows® modificata come algoritmo di interpolazione. Può produrre risultati leggermente più nitidi rispetto a bi-cubic a un costo di CPU più elevato.

trilin: interpolazione trilineare modificata, che utilizza risoluzioni più elevate e più basse, se disponibili. Consigliato solo in caso di problemi di alias. Riduce le dimensioni JPEG grazie alla riduzione dei dati ad alta frequenza.
resMode=sharp2
Maschera di contrasto op_usm amount, radius, threshold, monochrome

amount: fattore di resistenza del filtro (reale 0…5)

radius: raggio del kernel del filtro in pixel (reale 0…250)

threshold: livello di soglia del filtro (int 0…255)

monochrome: impostato su 0 per applicare una maschera di contrasto a ciascun componente di colore separatamente, impostato su 1 per la luminosità dell'immagine della maschera di contrasto (intensità)
op_usm=1,1,10,0

Selezionare il menu Nitidezza e scegliere 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. L'impostazione Amount in Adobe Dynamic Media Classic non corrisponde all'impostazione Amount in Adobe Photoshop. Adobe Photoshop utilizza un valore compreso tra l’1% e il 500%, mentre 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 Threshold valori da due a 20. Il valore predefinito Threshold di 0 rende più nitidi tutti i pixel dell'immagine.

  • Applica a : scegli ogni colore se desideri applicare la nitidezza separatamente a ciascun componente colore; per applicare nitidezza alle aree di luminosità dell'immagine, scegli ​Brightnesset .

Ricampionamento

Selezionare il menu 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.

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

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

  • Trilineare : utilizza risoluzioni più elevate e più basse, 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 di 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 JPEG 350x350 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 immagini. 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.

  • Slider - 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.

  • Attiva il downsampling della crominanza 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 di 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 > Impostazioni pubblicazione > Server immagini. Se si imposta la modalità di ricampionamento predefinito su Sharp2, l'immagine viene sempre nitida 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, alla voce Configurazione > Impostazioni applicazione > Predefiniti visualizzatore.

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 visualizzatore, utilizza il comando 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 immagine.

In Adobe Dynamic Media Classic, selezionate un'immagine, passate alla Vista dettagli (facendo doppio clic o premendo il pulsante Vista dettagli) e selezionate Nitidezza. Modifica qualsiasi 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.

In questa pagina