Desideri i risultati migliori quando ridimensioni le immagini in Photoshop? Inizia imparando tutto su pixel, dimensioni dell'immagine e risoluzione!
In questo tutorial, ti presenterò tre importanti argomenti che sono essenziali per lavorare con le immagini digitali in Photoshop, e sono pixel, dimensioni e risoluzione dell'immagine . Avere una solida conoscenza di come i pixel, le dimensioni dell'immagine e la risoluzione sono correlati tra loro è essenziale per ottenere i migliori risultati quando si ridimensionano le immagini, sia per la stampa che per il web.
Inizieremo imparando a conoscere i pixel, i mattoni fondamentali di tutte le immagini digitali. Quindi impareremo come i pixel sono correlati alla dimensione dell'immagine. E finiremo imparando come le dimensioni dell'immagine e la risoluzione dell'immagine lavorano insieme per controllare le dimensioni di stampa della tua immagine! Annulleremo persino la credenza popolare che la risoluzione abbia a che fare con la dimensione del file della tua immagine.
Impareremo tutto sul ridimensionamento delle immagini nelle lezioni successive di questo capitolo. Per ora, partiamo dall'inizio imparando a conoscere pixel, dimensioni dell'immagine e risoluzione!
Cosa sono i pixel?
Il termine pixel è l'abbreviazione di "elemento immagine" e i pixel sono i minuscoli elementi costitutivi di tutte le immagini digitali. Proprio come il modo in cui un dipinto è realizzato da singoli tratti di pennello, un'immagine digitale è composta da singoli pixel.
In Photoshop, quando si visualizza un'immagine a un livello di zoom normale (100% o inferiore), i pixel sono in genere troppo piccoli per essere notati. Invece, vediamo ciò che sembra un'immagine continua, con luce, ombre, colori e trame che si fondono tutti insieme per creare una scena che assomiglia molto al mondo reale (immagine da Adobe Stock):
Un'immagine digitale aperta in Photoshop. Credito immagine: Adobe Stock.
Uno sguardo più attento ai pixel
Ma come ogni buon trucco magico, quello che stiamo vedendo è davvero un'illusione. E per rompere l'illusione, dobbiamo solo guardare più da vicino. Per visualizzare i singoli pixel in un'immagine, tutto ciò che dobbiamo fare è ingrandire. Selezionerò lo strumento Zoom dalla barra degli strumenti:
Selezione dello strumento Zoom.
Quindi, farò clic alcune volte su uno degli occhi della donna per ingrandirlo. Ogni volta che faccio clic, ingrandisco più da vicino. E se ingrandisco abbastanza da vicino, iniziamo a vedere che quello che sembrava un'immagine continua è davvero un mucchio di piccoli quadrati. Questi quadrati sono i pixel:
Lo zoom in avvicinamento rivela i singoli pixel.
E se ingrandisco ancora di più, vediamo che ogni pixel visualizza un singolo colore. L'intera immagine è in realtà solo una griglia di quadrati a tinta unita. Se visti da abbastanza lontano, i nostri occhi fondono i colori per creare un'immagine con molti dettagli. Ma da vicino, sono i pixel che creano il nostro mondo digitale:
Una vista ravvicinata dei pixel dell'immagine, ognuno con un singolo colore.
La griglia dei pixel
Nota che una volta ingrandito abbastanza da vicino (di solito oltre il 500%), inizi a vedere un contorno grigio chiaro attorno a ciascun pixel. Questa è la Pixel Grid di Photoshop, ed è lì solo per facilitare la visualizzazione dei singoli pixel. Se ritieni che la Griglia Pixel sia fonte di distrazione, puoi disattivarla andando nel menu Visualizza nella barra dei menu, scegliendo Mostra, quindi Griglia Pixel . Per riattivarlo, basta selezionarlo di nuovo:
Andare su Visualizza> Mostra> Griglia pixel.
Zoom indietro per visualizzare l'immagine
Per rimpicciolire dai pixel e visualizzare l'intera immagine, vai al menu Visualizza e scegli Adatta allo schermo :
Andare su Visualizza> Adatta a schermo.
E ora che abbiamo ingrandito, i singoli pixel sono ancora una volta troppo piccoli per essere notati, e torniamo a vedere l'illusione di una foto dettagliata:
A normali distanze di visualizzazione, i pixel si fondono per creare l'immagine.
Consulta la nostra guida completa per la navigazione di immagini in Photoshop
Qual è la dimensione dell'immagine?
Quindi ora che sappiamo che i pixel sono i piccoli quadrati di colore che compongono un'immagine digitale, diamo un'occhiata a un argomento correlato, la dimensione dell'immagine . Le dimensioni dell'immagine si riferiscono alla larghezza e all'altezza di un'immagine, in pixel. Si riferisce anche al numero totale di pixel nell'immagine, ma in realtà è la larghezza e l'altezza di cui dobbiamo preoccuparci.
La finestra di dialogo Dimensione immagine
Il posto migliore per trovare le informazioni sulla dimensione dell'immagine è nella finestra di dialogo Dimensione immagine di Photoshop. Per aprirlo, vai al menu Immagine e scegli Dimensione immagine :
Andare a Immagine> Dimensione immagine.
In Photoshop CC, la finestra di dialogo Dimensione immagine mostra un'area di anteprima a sinistra e dettagli sulla dimensione dell'immagine a destra. Tratterò la finestra di dialogo Dimensione immagine in modo più dettagliato nel prossimo tutorial. Per ora, vedremo solo le informazioni di cui abbiamo bisogno:
La finestra di dialogo Dimensione immagine in Photoshop CC.
Le dimensioni dei pixel
La larghezza e l'altezza di un'immagine, in pixel, sono note come dimensioni dei pixel e in Photoshop CC, possiamo visualizzarle accanto alla parola Dimensioni vicino alla parte superiore della finestra di dialogo. Qui vediamo che la mia immagine ha una larghezza di 4509 pixel (px) e un'altezza di 3000 pixel:
Photoshop CC include una nuova opzione Dimensioni nella parte superiore.
Se le dimensioni sono visualizzate in un tipo di misurazione diverso dai pixel, come pollici o percentuali, fai clic sulla piccola freccia accanto alla parola "Dimensioni" e scegli Pixel dall'elenco:
Le dimensioni possono essere visualizzate in diversi tipi di misurazione.
Questo ci dice che la mia immagine contiene 4509 pixel da sinistra a destra e 3000 pixel dall'alto verso il basso:
Le dimensioni in pixel dell'immagine.
Trovare il numero totale di pixel
Per capire il numero totale di pixel nell'immagine, dobbiamo solo moltiplicare i valori di larghezza e altezza insieme. Quindi, in questo caso, 4509 x 3000 = 13.527.000, o circa 13, 5 milioni di pixel. Non è necessario conoscere il numero totale di pixel. Ma man mano che acquisisci maggiore esperienza con il ridimensionamento delle immagini, scoprirai che conoscere il numero totale di pixel in anticipo ti darà una buona idea di quanto è possibile stampare l'immagine, come vedremo in seguito quando esamineremo la risoluzione dell'immagine.
Qual è la risoluzione dell'immagine?
Quindi, se i pixel sono i piccoli quadrati di colore che compongono tutte le immagini digitali e la dimensione dell'immagine è il numero di pixel nell'immagine da sinistra a destra (la larghezza) e dall'alto verso il basso (l'altezza), qual è la risoluzione dell'immagine ? La risoluzione dell'immagine controlla quanto grande o piccola verrà stampata la foto in base alle dimensioni dell'immagine corrente.
È importante capire in anticipo che la risoluzione dell'immagine influisce solo sulla dimensione della versione stampata dell'immagine. Non ha alcun effetto quando si visualizza l'immagine sullo schermo. Tratterò questo argomento in modo più dettagliato nel mio tutorial sul mito della risoluzione web a 72 ppi e lo esamineremo di nuovo alla fine di questo tutorial.
La connessione Larghezza, Altezza e Risoluzione
Nella finestra di dialogo Dimensione immagine, se guardi sotto la parola "Dimensioni", troverai i campi Larghezza, Altezza e Risoluzione . Qui è possibile non solo visualizzare le impostazioni correnti ma anche modificarle:
Le opzioni Larghezza, Altezza e Risoluzione.
L'opzione Ricampiona
Prima di andare oltre, se guardi sotto il valore di Risoluzione, troverai un'altra importante opzione chiamata Resample . E per impostazione predefinita, Resample è attivato. Impareremo tutto sull'opzione Resample quando vedremo come ridimensionare le immagini. In breve, Resample ci consente di modificare il numero di pixel nell'immagine:
L'opzione Ricampiona.
Perché vorresti cambiare il numero di pixel? Se la dimensione dell'immagine corrente è troppo piccola per stampare la foto nella dimensione desiderata, è possibile utilizzare Ricampiona per aggiungere più pixel, noto come upsampling . Oppure, se si desidera inviare la foto tramite e-mail agli amici o caricarla sul Web e le dimensioni correnti sono troppo grandi, il ricampionamento consente di ridurre il numero di pixel, noto come downsampling .
Ancora una volta, impareremo tutto sull'upsampling e il downsampling quando vedremo come ridimensionare le immagini. Per ora, per vedere come la risoluzione influisce sulla dimensione di stampa dell'immagine, deseleziona Ripeti per disattivarla:
Deselezionando l'opzione Resample.
Modifica della dimensione di stampa, non della dimensione dell'immagine
Non appena si disattiva Resample, si noterà che il tipo di misurazione per i valori di larghezza e altezza cambia. Invece di vedere la larghezza e l'altezza in pixel come ero un attimo fa, ora le vedo in pollici . E invece di dirmi che la mia immagine è larga 4509 pixel e alta 3000 pixel, ora mi viene detto che è larga 15, 03 pollici e alta 10 pollici:
Le misure di larghezza e altezza sono ora visualizzate in pollici anziché in pixel.
In effetti, se fai clic sulla casella del tipo di misurazione per Larghezza o Altezza, noterai che i pixel sono ora disattivati e non disponibili. Questo perché, con Resample disattivato, non siamo in grado di modificare il numero fisico di pixel nell'immagine. Tutto ciò che possiamo fare è cambiare la dimensione in cui l'immagine verrà stampata e la dimensione della stampa viene generalmente misurata in pollici (o centimetri a seconda di dove ti trovi nel mondo):
La disattivazione di Resample ci impedisce di aggiungere o rimuovere pixel.
Come funziona la risoluzione delle immagini?
La risoluzione controlla le dimensioni di stampa di un'immagine impostando il numero di pixel che verranno compressi in ogni pollice di carta, sia in verticale che in orizzontale. Ecco perché il valore di risoluzione viene misurato in pixel per pollice o " ppi ". Dal momento che l'immagine ha un numero limitato di pixel, tanto più raggruppiamo quei pixel sulla carta, tanto più piccola sarà la stampa dell'immagine.
Ad esempio, il mio valore di risoluzione è attualmente impostato su 300 pixel / pollice. Ciò significa che quando vado a stampare l'immagine, 300 dei suoi pixel dalla larghezza e 300 pixel dall'altezza, verranno schiacciati in ogni pollice quadrato di carta. Ora 300 pixel potrebbero non sembrare molto. Ma ricorda, sono 300 sia dalla larghezza che dall'altezza. In altre parole, è 300 volte 300, per un totale di 90.000 pixel per pollice quadrato:
La risoluzione corrente, misurata in pixel / pollice.
Come determinare le dimensioni di stampa
Per capire la dimensione di stampa dell'immagine, tutto ciò che dobbiamo fare è dividere la sua larghezza e altezza attuali, in pixel, per il valore della risoluzione. Se guardiamo di nuovo alla sezione Dimensioni in alto, vediamo che la larghezza della mia immagine è ancora 4509 pixel:
La larghezza attuale, in pixel.
Se dividiamo 4509 per il valore di risoluzione corrente di 300, otteniamo 15.03. In altre parole, la larghezza della mia immagine, una volta stampata, sarà di 15, 03 pollici, il valore esatto mostrato nel campo Larghezza:
4509 pixel: 300 pixel / pollice = 15, 03 pollici.
E tornando alla sezione Dimensioni, vediamo che l'altezza della mia immagine è ancora di 3000 px:
L'altezza attuale, in pixel.
Se dividiamo 3000 per l'attuale risoluzione di 300, otteniamo 10. Ciò significa che l'altezza dell'immagine, una volta stampata, sarà di 10 pollici, proprio come mostra nel campo Altezza:
3000 pixel: 300 pixel / pollice = 10 pollici.
La modifica della risoluzione modifica le dimensioni di stampa
Se cambiamo il valore di risoluzione, il numero di pixel nell'immagine non cambia, ma le dimensioni di stampa cambiano. Si noti che se si abbassa la risoluzione da 300 pixel / pollice fino a 150 pixel / pollice, le dimensioni dei pixel rimangono invariate a 4509 px x 3000 px. Ma la larghezza e l'altezza aumentano entrambe. Dato che spremerò solo la metà di pixel per pollice sulla carta, sia in orizzontale che in verticale, la larghezza e l'altezza sono entrambe raddoppiate:
La riduzione della risoluzione aumenta le dimensioni di stampa.
La modifica delle dimensioni di stampa modifica la risoluzione
E poiché tutto ciò che stiamo cambiando è la dimensione di stampa, cambiando la larghezza o l'altezza cambierà la risoluzione. In effetti, quando l'opzione Resample che abbiamo visto in precedenza è disattivata, tutti e tre i valori (Larghezza, Altezza e Risoluzione) sono collegati insieme. Cambiare uno cambia automaticamente gli altri.
Se abbasso il mio valore di Larghezza fino a 10 pollici, per mantenere invariate le proporzioni dell'immagine, Photoshop modifica automaticamente il valore di Altezza su 6, 653 pollici. E per adattare l'intera immagine alla nuova dimensione di stampa più piccola, i pixel dovranno essere impacchettati in modo più stretto, quindi il valore di Risoluzione è aumentato a 450, 9 pixel / pollice:
La modifica della larghezza e dell'altezza modifica la risoluzione.
La risoluzione dell'immagine influisce sulla dimensione del file?
Un malinteso comune con la risoluzione dell'immagine è che in qualche modo influisce sulla dimensione del file dell'immagine. Molte persone credono che, prima di inviare una foto via e-mail o caricarla sul Web, sia necessario ridurne la risoluzione per ridurre le dimensioni del file. Questo semplicemente non è vero. Poiché la modifica della risoluzione non modifica il numero di pixel nell'immagine, non ha alcun effetto sulla dimensione del file.
Se guardi accanto alle parole "Dimensione immagine" nella parte superiore della finestra di dialogo, vedrai un numero, solitamente mostrato in megabyte (M). Nel mio caso, sono 38, 7 milioni. Questo numero rappresenta la dimensione dell'immagine nella memoria del tuo computer. Quando aprite un'immagine in Photoshop, l'immagine viene copiata dal vostro disco rigido, non compressa da qualsiasi formato di file in cui è stata salvata e quindi inserita nella memoria (RAM) in modo da potervi lavorare più rapidamente. Il numero mostrato nella finestra di dialogo Dimensione immagine è la dimensione effettiva e non compressa dell'immagine:
La dimensione dell'immagine, in megabyte, è mostrata in alto.
Risoluzione inferiore rispetto alle dimensioni del file
Dimostrare che la risoluzione dell'immagine non ha alcun effetto sulla dimensione del file è semplice. Tieni d'occhio la dimensione mentre cambi la risoluzione. Fintanto che l'opzione Resample è disattivata in modo da non modificare il numero di pixel nell'immagine, quindi indipendentemente dalla scelta del valore di risoluzione, le dimensioni del file in alto rimarranno sempre le stesse.
Qui, ho abbassato la risoluzione da 300 pixel / pollice fino a 30 pixel / pollice. Con così pochi pixel stipati in un pollice di carta, le dimensioni di stampa sono aumentate a ben 150, 3 pollici x 100 pollici. Ma anche con questo valore di risoluzione molto basso, la dimensione dell'immagine in memoria rimane invariata a 38, 7 M:
La riduzione della risoluzione di stampa non ha alcun effetto sulla dimensione del file.
Maggiore risoluzione rispetto alle dimensioni del file
E qui, ho aumentato la risoluzione fino a 3000 pixel / pollice. Ciò riduce le dimensioni di stampa fino a soli 1, 503 pollici x 1 pollice, ma di nuovo non ha alcun effetto sulla dimensione del file, che è ancora 38, 7 milioni. L'unico modo per ridurre la dimensione del file di un'immagine è ridurre il numero di pixel nell'immagine (usando l'opzione Resample) o salvare il file in un formato che supporta la compressione (come JPEG.webp) o entrambi. La semplice modifica della risoluzione di stampa non modifica le dimensioni del file:
L'aumento della risoluzione di stampa non ha alcun effetto sulla dimensione del file.
Quindi, come si riduce il numero di pixel nell'immagine? E quale valore di risoluzione è necessario per ottenere stampe di alta qualità? Risponderò a queste domande e altro in esercitazioni separate in questo capitolo.
E lì ce l'abbiamo! Ecco una rapida occhiata a pixel, dimensioni e risoluzione dell'immagine, tre argomenti importanti che devi conoscere per ottenere i migliori risultati quando ridimensioni le immagini in Photoshop! Nella prossima lezione di questa serie, daremo un'occhiata più da vicino al potente comando Dimensione immagine di Photoshop CC!
Oppure dai un'occhiata ai tutorial precedenti di questa serie:
- 02 - Comando Dimensione immagine di Photoshop - Funzionalità e suggerimenti
- 03 - Come ridimensionare le immagini per la stampa
- 04 - Come ridimensionare le immagini per la condivisione di e-mail e foto
- 05 - Come calcolare la dimensione dell'immagine
- 06 - La verità sulla risoluzione dell'immagine, la dimensione del file e il web
- 07 - Come ridimensionare la pixel art
- 08 - Il modo migliore per ingrandire le immagini in Photoshop CC
E non dimenticare, tutti i nostri tutorial sono ora disponibili per il download in formato PDF!