Migliorare la nitidezza di un’immagine sharpening-an-image
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 Predefiniti immagine per tutte le immagini. Assicurano dimensioni uniformi e la nitidezza viene applicata a qualsiasi immagine denominata con un predefinito immagine. Inoltre, è possibile modificare facilmente i parametri di nitidezza di un predefinito immagine. 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 visualizzatore e di chiamare un visualizzatore con tale predefinito. In questo modo, gli utenti potranno visualizzare immagini nitide e accattivanti.
Tuttavia, sia che si utilizzino i predefiniti per immagini e i predefiniti per visualizzatori o si utilizzino metodi di nitidezza, la cosa più importante è che è necessario rendere più nitide le immagini. In caso contrario, le immagini (e il sito web) possono apparire morbidi e sfocati.
È 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.
L'eccessiva nitidezza di un'immagine crea un effetto alone o striatura delle linee del bordo.
È possibile seguire alcune best practice per ottimizzare la nitidezza delle immagini in Adobe Dynamic Media Classic e su Dynamic Medie Image Server.
Vedi anche il video di formazione Nitidezza.
Per rendere più nitida un'immagine:
Per rendere più nitida un'immagine, selezionarne il pulsante di rollover Modifica e scegliere Contrasta, oppure aprirlo nel pannello Sfoglia in Visualizzazione dettagli, quindi selezionare Contrasta. Viene visualizzata la pagina Editor nitidezza con i comandi di nitidezza. Scegliere i comandi desiderati, quindi fare clic su Salva.
Opzioni di nitidezza
Nella tabella seguente sono elencate le opzioni di nitidezza del server di immagini.
op_sharpen0 o 1op_sharpen=1resModebilin, bicub, sharp2, trilinbilin: seleziona interpolazione bilineare standard. Metodo di ricampionamento più veloce; alcuni artefatti di aliasing sono spesso visibili.bicub: seleziona l'interpolazione bicubica. Utilizzo intensivo della CPU superiore a bilin, ma con immagini più nitide e meno artefatti di aliasing.sharp2: seleziona una funzione Windows® Lanczos modificata come algoritmo di interpolazione. Può produrre risultati leggermente più nitidi rispetto al bi-cubico a un costo di CPU più elevato.trilin: seleziona un'interpolazione trilineare modificata, che utilizza sia risoluzioni superiori che inferiori, se disponibile. Consigliato solo in caso di problemi di alias. Riduce le dimensioni JPEG grazie alla riduzione dei dati ad alta frequenza.resMode=sharp2op_usmamount, radius, threshold, monochromeamount: fattore di forza del filtro (reale 0…5)radius: raggio kernel del filtro in pixel (reale 0…250)threshold: livello soglia del filtro (int 0…255)monochrome: impostato su 0 per rimuovere la maschera di contrasto separatamente per ogni componente di colore, impostato su 1 per rimuovere la maschera di contrasto della luminosità (intensità) dell'immagineop_usm=1,1,10,0Selezionare il menu Nitidezza e scegliere un'opzione:
-
Nessuno: disabilita la nitidezza.
-
Contrasta: esegue un semplice passaggio di nitidezza sul file dopo il 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 di contrasto: consente di regolare con precisione un effetto filtro di nitidezza sull'immagine ricampionata verso il basso finale. È possibile controllare l'intensità dell'effetto, il raggio in pixel e una soglia di contrasto ignorata. Questo effetto utilizza le stesse opzioni del filtro "Maschera definizione dettagli" di Photoshop. URL:
op_usm
Scegliete 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 è uguale all'impostazione Amount in Adobe Photoshop. Adobe Photoshop utilizza una quantità compresa tra l’1% e il 500%, mentre Adobe Dynamic Media Classic viene scalato 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 attorno 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 × 2000 pixel e per un'immagine da 500 × 500 pixel, è possibile impostare un valore di raggio di due pixel sull'immagine da 2000 × 2000 pixel. Quindi, impostate un valore di raggio di un pixel sull'immagine da 500 × 500 pixel (un valore maggiore per un'immagine con più pixel).
- Soglia: determina l'intervallo di contrasto da ignorare quando viene applicato il filtro Maschera di contrasto. Questa opzione determina quanto devono differire i pixel resi più nitidi dall'area circostante prima che i pixel del bordo vengano resi più nitidi.
La soglia utilizza un valore compreso tra 0 e 255, che rappresenta il numero di livelli di luminosità in un'immagine in scala di grigio. 0=nero, 128=grigio al 50% e 255=bianco. Ad esempio, con un valore di soglia pari a 12 vengono ignorate le variazioni lievi come la luminosità della tonalità della pelle. In questo modo, non aggiunge disturbo, ma allo stesso tempo aggiunge contrasto ai bordi delle aree, ad esempio quelle in cui le ciglia si incontrano con la pelle.
Ad esempio, supponiamo di avere una foto del volto di qualcuno. 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 disturbi o immagini di posterizzazione con toni di carne, ad esempio prova a sperimentare con valori di soglia compresi tra due e 20. Il valore predefinito Threshold pari a 0 applica la nitidezza a tutti i pixel nell'immagine.
- Applica a: scegli Ogni colore se vuoi applicare la nitidezza separatamente a ogni componente di colore; scegli Luminosità se vuoi applicare la nitidezza alle aree di luminosità dell'immagine.
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 visibili.
-
Bicubico: aumenta l'utilizzo della CPU nel server immagini, ma genera immagini più nitide con artefatti di aliasing meno evidenti.
-
Sharpen 2: produce risultati leggermente più nitidi rispetto a Bicubic, ma a un costo della CPU ancora più elevato sul server immagini. -
Trilineare: usa risoluzioni più alte 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 immagine e nitidezza
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 immagine. I predefiniti per immagini consentono di creare un pacchetto dei modificatori di immagini più utilizzati per creare un'immagine ridimensionata dinamicamente in una piccola stringa di testo. Un predefinito immagine 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 immagine denominato, ad esempio "miniatura". Quindi, configura il predefinito per immagini miniatura con le dimensioni, il formato di file e le opzioni di nitidezza appropriati. 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 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,0https://sample.scene7.com/is/image/S7train/Backpack_A?$!_s7product$
I predefiniti per immagini possono essere modificati e aggiornati in qualsiasi momento. Dopo la pubblicazione e la cancellazione della cache per l’URL, vengono visualizzati i risultati di una modifica a un predefinito immagine.
Se utilizzi un predefinito per ogni immagine in una categoria di dimensioni, qualsiasi amministratore aziendale può aggiornare la definizione di tale predefinito immagine. Possono quindi ripubblicare e influenzare ogni immagine che utilizza quel formato. Il tutto senza modificare alcun codice web. Si consiglia di utilizzare un predefinito per immagini per ciascuna dimensione di immagini utilizzata nel sito. Per aggiungere un predefinito immagine, sulla barra di navigazione globale vai a Configurazione > Impostazioni applicazione > Predefiniti immagine. Quindi seleziona Aggiungi o 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 per controllare i livelli di compressione e il downsampling della crominanza.
-
Cursore: determina il livello di compressione di JPG. Questa impostazione interessa sia le dimensioni del file che la qualità dell’immagine. La scala per la qualità JPG va da 1 a 100.
-
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 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 il volume dei dati della metà o di un terzo senza alcun impatto 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).
Imposta le opzioni di nitidezza a livello aziendale
Se non hai utilizzato un predefinito immagine o non hai passato protocolli di nitidezza specifici per Image Server lungo la stringa URL, non si verifica alcuna nitidezza dell’immagine quando viene effettuato il downsampling. Tuttavia, se si verifica questa mancanza di nitidezza, potete impostare i valori di nitidezza predefiniti in modo che qualsiasi immagine abbia sempre una certa nitidezza.
Per impostare le opzioni di nitidezza predefinite della tua azienda, vai a Configurazione > Configurazione applicazione > Configurazione Publish > Server immagini. Se si imposta la modalità ricampionamento predefinita su Sharp2, l'immagine viene sempre nitida durante il ricampionamento.
Aggiungi nitidezza ai predefiniti visualizzatore
A meno che non abbiate aggiunto modificatori di immagini nitide al predefinito, la piccola immagine iniziale caricata può avere un aspetto morbido perché viene ricampionata verso il basso per adattarsi alla finestra del visualizzatore senza essere nitida.
I predefiniti visualizzatore (come i predefiniti immagine) consentono di centralizzare molte opzioni in un'unica posizione, inclusa la scelta dell'interfaccia e delle opzioni visualizzatore (ad esempio l'inclusione di un pulsante Stampa o il controllo della velocità dell'animazione di zoom). I predefiniti visualizzatore si trovano nella stessa sezione dei predefiniti immagine, in Configurazione > Impostazioni applicazione > Predefiniti visualizzatore.
Guarda il video di formazione su 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 di nitidezza URL alla casella Modificatori, si aggiunge nitidezza ogni volta che il visualizzatore viene chiamato con quel predefinito visualizzatore.
Per chiamare il predefinito visualizzatore, usa il comando config= sull'URL del visualizzatore. Esempio di chiamata di un set di immagini (scarpe) con un predefinito visualizzatore (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 l'immagine
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 valori specifici. Tuttavia, questo metodo ignora 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, potrebbe essere necessario un po’ di nitidezza per immagine.
In Adobe Dynamic Media Classic, selezionare un'immagine, passare alla visualizzazione dettagli facendo doppio clic o premendo il pulsante Visualizzazione dettagli e selezionare Contrasta. Modifica un parametro, quindi seleziona Salva. Questo processo indica al server immagini di utilizzare questi parametri di nitidezza anziché qualsiasi comando chiamato nell’URL, ad esempio un modificatore di nitidezza o un predefinito immagine. Assicurati di pubblicare per vedere che le modifiche diventano effettive.