È un dato di fatto quando si tratta di lavorare con foto e immagini digitali. A volte, dobbiamo comprimerli per ridurre le dimensioni dei nostri file, soprattutto se li inviamo via e-mail a un cliente o ai membri della famiglia o li pubblichiamo su un sito Web.
Poiché il formato di file jpeg.webp è ancora il formato di scelta per le foto digitali, anche se esiste da più di 15 anni, comprimere le immagini di solito significa utilizzare la compressione jpeg.webp, che fa un ottimo lavoro nel ridurre le dimensioni del file. Sfortunatamente, riduce anche la qualità dell'immagine, anche se non è sempre facile vedere quale tipo di impatto negativo sta avendo la compressione sull'immagine, specialmente quando la si visualizza sul monitor di un computer. Ma grazie a Photoshop e una delle sue modalità di fusione usate raramente, gli orrori della compressione jpeg.webp diventano sorprendentemente chiari.
Per vedere esattamente cosa sta succedendo alle nostre immagini, useremo la modalità di fusione del livello Differenza di Photoshop. La modalità di fusione Differenza prende il nome dal fatto che cerca differenze tra due livelli. Tutte le aree in entrambi i livelli che sono esattamente uguali appaiono come il nero puro, mentre le aree che sono diverse in qualche modo appaiono come strani colori. La modalità di fusione Differenza non viene usata molto spesso al di fuori del mondo degli effetti speciali, ma fa un ottimo lavoro nel mostrarci quanta spazzatura (sì, ho detto spazzatura) stiamo aggiungendo alle nostre immagini jpeg.webp quando le comprimiamo. Ora, questo non vuol dire che tutti dobbiamo smettere di comprimere le nostre foto. In un mondo perfetto, certo, ma non è realistico. Aiuta, tuttavia, per noi vedere e capire cosa sta succedendo alle nostre immagini, specialmente per quelli di noi che, fino ad ora, sono stati convinti che non ci sia differenza nella qualità dell'immagine tra una foto digitale compressa e non compressa.
Qui, ho due finestre di documenti aperte in Photoshop, ognuna contenente quella che sembra essere la stessa immagine:
Due finestre di documenti si aprono in Photoshop, ognuna delle quali mostra una copia della stessa foto.
Ma sono davvero la stessa immagine? Le apparenze possono ingannare, specialmente sullo schermo di un computer. La verità è che non sono la stessa cosa. Quello a destra è la foto originale non compressa, come se fosse stata scaricata direttamente da una fotocamera digitale. Quello a sinistra è una copia della foto salvata in Photoshop con una qualità dell'immagine del 60%, che è un'impostazione abbastanza tipica. Ciò significa che l'immagine a sinistra è stata compressa.
Mi rendo conto che è un po 'difficile da dire nello screenshot sopra, ma se dovessi guardare entrambe queste immagini sul mio schermo in Photoshop, avresti problemi a dire quale è compresso e quale no. Se dovessimo stamparli, le differenze diventerebbero chiare, ma sullo schermo di un computer, che ha una risoluzione molto più bassa rispetto a un'immagine stampata, le differenze non sarebbero così facili da individuare. Almeno, non senza usare la modalità di fusione Differenza di Photoshop per aiutarci.
Ho detto un momento fa che la modalità di fusione Differenza cerca differenze tra due livelli e che tutte le aree tra i due livelli esattamente uguali appaiono come il nero puro. Mettiamolo alla prova. Selezionerò la mia foto originale non compressa e duplicherò il suo livello Sfondo nella palette Livelli premendo Ctrl + J (Win) / Comando + J (Mac). Ora ho due livelli nella palette Livelli: il livello Sfondo originale nella parte inferiore e una copia del livello Sfondo, che Photoshop ha chiamato "Livello 1", sopra di esso:
La palette Livelli per la foto originale non compressa che mostra il livello Sfondo e la copia del livello Sfondo sopra di esso.
Poiché "Livello 1" è una copia del livello Sfondo, entrambi i livelli devono essere identici. Possiamo usare la modalità di fusione Differenza per dimostrare che lo sono. Ho intenzione di passare all'opzione della modalità di fusione nella parte superiore della palette Livelli e cambierò la modalità di fusione per "Livello 1" da "Normale" a Differenza:
Modifica della modalità di fusione di "Livello 1" in "Differenza".
Con "Livello 1" impostato sulla modalità di fusione Differenza, se guardo l'immagine nella finestra del documento, vedo che l'intera immagine è ora riempita di nero pieno, che è il modo del metodo di fusione Differenza per dirmi che entrambi i livelli sono infatti identico:
L'immagine è ora completamente riempita di nero pieno, a indicare che sia il "Livello 1" che il Livello di sfondo sono identici in ogni modo.
Portiamo le cose ancora di più per essere assolutamente certi che tutto ciò che vediamo ora nell'immagine non è altro che nero puro. Per fare ciò, useremo un livello di regolazione Livelli. Ho intenzione di fare clic sull'icona Nuovo livello di regolazione nella parte inferiore della palette Livelli:
Facendo clic sull'icona "Nuovo livello di regolazione" nella parte inferiore della palette Livelli in Photoshop.
Quindi sceglierò Livelli dall'elenco dei livelli di regolazione che appare:
Facendo clic sull'icona "Nuovo livello di regolazione" nella parte inferiore della palette Livelli in Photoshop.
Questo fa apparire la finestra di dialogo Livelli. Posso usare l'istogramma al centro della finestra di dialogo per vedere esattamente quali informazioni tonali vengono visualizzate nella mia immagine. Se ogni singolo pixel dell'immagine mostra il nero puro, il che dovrebbe essere il caso se entrambi i miei livelli sono identici, tutto ciò che dovrei vedere nel mio istogramma è una singola barra verticale all'estrema sinistra, che sembra essere esattamente ciò che Sto vedendo:
L'istogramma al centro della finestra di dialogo Livelli mostra una singola barra verticale all'estrema sinistra, che mi dice che ogni pixel della mia immagine è nero puro.
L'istogramma conferma che attualmente non ci sono altri colori visualizzati nella mia immagine tranne il nero puro, il che significa che "Livello 1" e il livello Sfondo sono identici al 100%. Fin qui tutto bene. Ora abbiamo dimostrato ciò che molti di noi già sapevano, che quando facciamo una copia di un livello, la copia è identica in ogni modo all'originale. Roba eccitante, vero? Andiamo avanti.
Plug-in codici brevi, azioni e filtri: errore nello shortcode (ads-essentials-middle)
Ho intenzione di fare clic sul pulsante Annulla nell'angolo in alto a destra della finestra di dialogo Livelli per uscire da esso per ora, e ho intenzione di eliminare "Livello 1" dalla mia palette Livelli facendo clic su di esso e trascinandolo verso il basso sull'icona del cestino:
Trascinare "Livello 1" verso il basso sull'icona del cestino nella parte inferiore della palette Livelli per eliminarlo.
Ora sono di nuovo solo con il mio livello di sfondo originale:
La palette Livelli che mostra il livello di sfondo originale.
Ora vediamo cosa succede quando utilizziamo lo stesso metodo esatto per confrontare la versione non compressa della foto con la versione compressa di essa. Come ho già detto, non è facile vedere alcuna differenza tra loro semplicemente guardandoli sullo schermo del computer, ma scopriamo cosa ha da dire la modalità di fusione Differenza al riguardo. Con ogni versione della mia foto aperta nella propria finestra del documento, ho intenzione di fare clic all'interno della finestra del documento della versione compressa (quella a sinistra) con il mio strumento Sposta e trascinare l'immagine nella finestra del documento della versione non compressa (quella su la destra):
Usando lo strumento Sposta e trascinando la versione compressa dell'immagine a sinistra nella finestra del documento della versione non compressa a destra.
Poiché entrambe le immagini hanno esattamente le stesse dimensioni in pixel (larghezza e altezza), terrò premuto il tasto Maiusc e quindi rilascerò il pulsante del mouse, che allineerà perfettamente le due immagini all'interno della finestra del documento:
Entrambe le immagini sono ora perfettamente allineate una sopra l'altra nella stessa finestra del documento.
Se guardo nella palette Livelli, vedo che ora ho di nuovo due livelli. La versione non compressa dell'immagine si trova sul livello Sfondo e la versione che è stata salvata al 60% della qualità dell'immagine è ora sopra di essa su "Livello 1":
La palette Livelli mostra la versione non compressa sul livello Sfondo e la versione compressa su "Livello 1".
Ho intenzione di cambiare ancora una volta la modalità di fusione di "Livello 1" da "Normale" a "Differenza":
Modifica della modalità di fusione di "Livello 1" in "Differenza".
E ora, con la modalità di fusione di "Livello 1" impostata su "Differenza", se davvero non c'è alcuna differenza tra le versioni compresse e non compresse della foto, dovrei vedere nient'altro che nero puro quando guardo la mia immagine nella finestra del documento:
La finestra del documento dopo aver modificato la modalità di fusione di "Livello 1" (la versione compressa della foto) su "Differenza".
Hmm. Riesci a vedere tutto quel debole rumore nell'immagine sopra? Dipenderà dalla configurazione del monitor. Potresti vedere solo il nero, ma posso vedere sul mio schermo che non è assolutamente nero puro come prima quando stavamo confrontando il livello di sfondo con una copia identica di esso. C'è qualcos'altro lì, e quel "qualcos'altro" ci sta dicendo che le versioni compresse e non compresse della foto non sono le stesse. Ma quanto sono diversi? La compressione jpeg.webp fa davvero molta differenza?
Usiamo ancora una volta un livello di regolazione Livelli e lasciamo che l'istogramma risponda a questa domanda per noi. Farò clic sull'icona Nuovo livello di regolazione nella parte inferiore della palette Livelli e selezionerò Livelli dall'elenco:
Selezione di un livello di regolazione "Livelli" nella palette Livelli.
Questo apre di nuovo la finestra di dialogo Livelli. Ricordiamo dall'ultima volta che l'istogramma mostrava una singola barra verticale all'estrema sinistra, che ci diceva che non c'era assolutamente nient'altro nella nostra immagine tranne il nero puro. Questa volta vediamo qualcosa di diverso:
L'istogramma non è più solo una singola barra verticale.
Sembra che stiano accadendo molte altre cose all'estrema sinistra dell'istogramma, il che conferma che i miei occhi non mi stavano giocando brutti scherzi. C'è sicuramente qualcos'altro lì nell'immagine. La singola barra verticale è stata sostituita da una più ampia area di nero, il che significa che l'immagine stessa ora contiene più del semplice nero puro, e ciò significa che ci sono aree nelle due versioni della foto che non sono più identiche.
Quindi cosa c'è di diverso in loro? Semplice: immondizia. Comprimendo una versione dell'immagine, abbiamo preso le informazioni sull'immagine pura e intatta e vi abbiamo aggiunto un sacco di spazzatura. Rumore, spazzatura, chiamalo come ti piace. La linea di fondo è che abbiamo danneggiato la foto. Quanta immondizia ha aggiunto la compressione jpeg.webp? Potrebbe non sembrare molto ancora, ed è ancora difficile da vedere nell'immagine stessa, quindi farò clic sul piccolo cursore bianco in basso a destra dell'istogramma e trascinarlo completamente a sinistra fino a quando è sotto il punto in cui inizia la pendenza nera:
Trascinando il cursore bianco dalla parte in basso a destra dell'istogramma verso sinistra fino al punto in cui inizia la pendenza nera.
Senza entrare in una lunga discussione su come funziona la finestra di dialogo Livelli, quello che ho appena fatto è stato preso tutto quel debole rumore nell'immagine e lo ha reso molto più luminoso in modo da poterlo vedere più facilmente. Ricorda, tutti gli strani colori che vedi rappresentano aree diverse tra la versione originale e non compressa della foto e la versione salvata con la compressione jpeg.webp:
Il rumore è ora molto più visibile nell'immagine.
Non è uno spettacolo carino, vero? Ora che possiamo vedere le cose più facilmente, tutti questi strani colori rappresentano tutto il danno che abbiamo fatto all'immagine comprimendola. L'immagine è ora piena di quelli che vengono comunemente chiamati "artefatti di compressione", che è solo un modo stravagante di dire "abbiamo preso le tue informazioni di immagine perfettamente buone e rovinato tutto". La compressione di un'immagine jpeg.webp può ridurre notevolmente le dimensioni del file, ma come ci mostra la modalità di fusione Differenza, può anche ridurre notevolmente la qualità dell'immagine. Ancora una volta, non è sempre facile vedere quanti danni ha subito la tua immagine guardandola sullo schermo del tuo computer, ma noterai sicuramente la differenza quando stampi ad alta risoluzione.
Quindi, ora che abbiamo visto quanti danni possiamo fare a una foto digitale comprimendola, cosa possiamo fare al riguardo? Sfortunatamente, non molto. Il formato jpeg.webp è ancora la soluzione migliore per il salvataggio di foto digitali e quando la dimensione del file è un problema, non abbiamo altra scelta che comprimere. Se stai lavorando a un progetto per il Web, di solito puoi cavartela con un po 'di compressione prima che la qualità dell'immagine diventi un problema, ma se il tuo progetto verrà stampato, ti consigliamo di utilizzare le immagini originali e non compresse quando possibile. E lì ce l'abbiamo!