Qual è la differenza tra DPI (punti per pollice) e PPI (pixel per pollice)?

Ci sono molte altre domande sul Graphic Design che coprono in parte questo, ad es. Quale DPI dovrebbe essere usato per quali situazioni? .

Tuttavia, sono frustrato dal numero di domande e risposte che confondono i due termini. Penso che comprendere la differenza sia importante.

Quindi, ecco un posto per rispondere bene a questa domanda e chiarire la confusione!

Un pixel (la parola era originariamente coniata, iirc, da IBM e deriva da "elemento immagine") è la più piccola unità indivisibile di informazioni in un'immagine digitale. I pixel possono essere visualizzati o stampati, ma non è possibile dividere i pixel in pezzi più piccoli per ottenere maggiori informazioni. Quanti canali e bit per canale costituiscono un pixel è la misura di quanto sottili possano essere le informazioni in un pixel, ma il fatto fondamentale è che 1 pixel rappresenta il più piccolo incremento di informazioni in un'immagine. Se fai video, sai che i pixel non devono essere quadrati, ma non quadrati in tutti i formati video più vecchi. Quadrato o no, un pixel è ancora l'unità più piccola di un'immagine.

Un pollice (va bene, quindi lo sai già - portami con me) è un'unità di misura lineare su una superficie, che potrebbe essere uno schermo o un pezzo di carta.

Un punto è, beh, un punto. Può essere un punto su uno schermo o può essere un punto prodotto da una testina di stampa. Come i pixel, i punti sono atomici. Sono lì o no. La precisione dei dettagli di una schermata dipende dalla vicinanza dei punti (ciò che un tempo chiamavano "dot pitch" ai vecchi tempi di CRT). Quanto sono piccoli i punti di un getto d'inchiostro, di una stampante laser o di un photosetter determina la quantità di dettagli che può riprodurre.

I punti per pollice sono abbastanza facili. Uno schermo ha così tanti punti (ciascuno comprendente elementi R, G e B) per pollice di schermo. È lo stesso sulla carta. Una stampante da 1200 dpi può deporre 1200 punti in un pollice lineare. Nel descrivere i dettagli dello schermo o l'output della stampante, i punti per pollice sono il termine corretto.

PPI è dove entra in gioco la confusione. Un'immagine ha così tanti pixel. I suoi metadati contengono una dimensione di output in pollici, cm, mm, M & M, qualunque cosa. È la larghezza in pixel divisa per la larghezza di output nei metadati da cui proviene "per pollice". Quindi la stessa immagine con metadati diversi può essere 72 ppi, 150 ppi o 8000 ppi. Le informazioni sull'immagine sono le stesse; tutto ciò che è cambiato sono i metadati.

Una demo semplice e veloce che illustra in qualche modo il punto è fare qualche segno su un pezzo di elastico, diciamo da cinque a un pollice. Allunga l'elastico fino a due volte la sua lunghezza. Il numero di marchi non è cambiato, anche se i "marchi per pollice" sono ora 2,5.

Puoi vederlo in Photoshop se spegni Resample Imagee modifichi le dimensioni. Il valore ppi cambia per riflettere quanto piccoli devono essere riprodotti i pixel per raggiungere il valore di misurazione in pollici / cm / mm ecc. Si noti che in questo caso i Pixelscampi sono disabilitati. Non è possibile modificare tali valori se non si ricampiona.

La confusione di massa è entrata quando i pixel dell'immagine sono stati mappati su punti dello schermo nei browser web. Un'immagine di 200 pixel appare come 200 pixel in un browser. Quanto è grande , misurato con un righello, dipende dai punti per pollice dello schermo. I metadati dell'immagine potrebbero dire che sono 200 ppi o 72 ppi o 1 ppi, occuperanno comunque esattamente 200 punti dello schermo. Il mondo rimane fissato su "72 ppi per il web", quindi la domanda su "qual è la giusta risoluzione per le immagini web" continua a venire, e la risposta corretta, "non importa", continua a essere fornita fino alla nausea.

Se sei ancora con me, c'è un ultimo passo che unisce i due.

Un'immagine di 720 pixel con una larghezza di 10 pollici fisici ha una risoluzione di 72 pixel per pollice. Se lo stampi su una stampante da 1200 dpi, sulla carta ci saranno 1200 punti per pollice, ma l'immagine rimane comunque di 72 pixel per pollice . Ecco perché sembra una merda. D'altra parte, un'immagine larga 7200 pixel stampata con una larghezza di 1 pollice supererà la risoluzione della nostra stampante da 1200 dpi. Photoshop (diciamo) e il driver della stampante decidono quali pixel eliminare e quali effettivamente stampare. Alcuni punti stampati verranno calcolati come media tra i pixel dell'immagine adiacenti, ma, indipendentemente da ciò, alcune informazioni sull'immagine devono essere eliminate. L'output sarà di 1200 dpi, ma la risoluzione dell'immagine stampata sarà ridotta al massimo a 1200 dpi dal software.

Alan ha trattato la maggior parte delle basi abbastanza bene. Vorrei anche evidenziare non solo la differenza tra DPI e PPI, ma anche la relazione tra PPI e risoluzione del display (che è solo il numero grezzo di pixel in un display).

Penso che molti ricordino quei giorni inebrianti in cui siamo passati da risoluzioni VGA a SVGA a risoluzioni XGA. È stato bello per un po 'quando la maggior parte dei consumatori aveva monitor con specifiche simili a 1024px X 768px @ 72 PPI e avevamo un obiettivo abbastanza sicuro per la grafica del display.

Questo compiacimento è ancora evidente , ma sempre più irrealistico. Molti produttori di dispositivi mobili si sono concentrati sull'aumento della risoluzione mentre gli schermi fisici cambiano leggermente, se non del tutto. Il risultato sono gli IPP che sono in aumento in piccoli fattori di forma portatili. Ciò offre molte opportunità di creare accidentalmente elementi grafici che semplicemente non sono utili (o, quasi altrettanto male, vengono automaticamente ingranditi dai sistemi operativi a scapito di quei bordi netti su cui hai lavorato così duramente).

Un semplice esempio nel mondo reale è l'iPhone di Apple . Le prime 3 edizioni avevano uno schermo da 89 mm (diagonale), con 320 pixel x 480 pixel (163 PPI). Quindi hanno introdotto il display "Retina" (ciao, Marketing) che ha aumentato la risoluzione fino a 640 pixel X 480 pixel ma aveva ancora solo 89 mm di dimensioni fisiche (326 PPI!). BlackBerry ha fatto mosse simili (anche se senza il brio del marketing) e sembra che lo stesso accada anche con iPad.

Un altro termine che può anche interessare è DIP o DP . Microsoft li chiama "Pixel indipendenti dal dispositivo" e sulla piattaforma Android sono "Pixel indipendenti dalla densità" . Hanno nomi leggermente diversi, ma sono lo stesso concetto di base. L'obiettivo è consentire alle app di essere "consapevoli del DPI" e ridimensionare testo / oggetti in base a convenzioni costanti. Le applicazioni sensibili alla densità sono a conoscenza del PPI del display e del "DPI" desiderato, quindi ridimensionano testo e oggetti in modo appropriato.

Riportando questo al nostro scenario PPI in costante aumento, se hai progettato un sito Web o un'app con un font 80px, potresti pensare che sia abbastanza grande sullo schermo 163 PPI. Il tuo testo sarebbe alto quasi mezzo pollice, il che è abbastanza grande su un telefono. Ma poi esce la prossima versione del telefono e improvvisamente il tuo testo è alto solo 1/4 "a 326 PPI. Ciò sarebbe particolarmente grave se parte del tuo testo fosse ridimensionato in un'altra unità di misura e improvvisamente il testo del corpo fosse più grande dell'intestazione (a volte mi imbatto ancora in siti Web che hanno commesso questo errore.) Se invece utilizzassi DIP / DP per la scala, potresti tenere entrambi i telefoni fianco a fianco e il testo avrebbe le stesse dimensioni fisiche (anche se forse notevolmente più nitido sul modello con DPI più elevato).

Ad ogni modo, mentre PPI può essere la più confusa delle misurazioni, è incredibilmente importante prenderne attenzione. Se hai la possibilità di progettare con unità DIP o DP, dovrebbe gestire alcune delle congetture per te e permetterti di indirizzare una gamma più ampia di display senza aumentare il carico tecnico.

_{Mi scuso per il fatto che questa risposta sia così incentrata sullo schermo, che raramente mi diletto nella stampa.}

DPI = quanti punti distinti un dispositivo di stampa e rendering per pollice.

PPI = il numero di pixel in un pollice di un dispositivo di visualizzazione video.

Un sacco di software, vale a dire Photoshop, utilizza DPI per entrambe le definizioni.

AGGIORNARE:

e100 ora mi mette in discussione le mie opinioni su questo (il che è una buona cosa!) e nel fare qualche ricerca in più, devo aggiornare un po 'la mia opinione.

STORICAMENTE, DPI si riferisce al processo di stampa ... vale a dire quanti punti discreti una stampante può produrre sulla carta. PPI si riferiva al numero di pixel per pollice del monitor.

Quindi, uno riguarda il processo di stampa su carta, l'altro riguarda l'hardware del display.

Né si tratta direttamente della "risoluzione per pollice" della tua immagine digitale, sebbene entrambi sembrino avere correlazioni al punto di essere quasi identici in molti modi.

Quindi, supponiamo che tu abbia una stampante laser da 1200 dpi. Ciò significa che per ogni centimetro di carta, quella stampante può creare 1200 punti unici.

Ora ... alla questione dell'assegnazione di un'impostazione DPI / PPI a un'immagine digitale.

Un'immagine digitale è composta da pixel. Fintanto che l'immagine rimane digitale, non importa quale sia il PPI che dici, poiché verrà sempre visualizzato in base al totale dei pixel. Ad esempio, un'immagine 1000px x 1000px, per impostazione predefinita, in un browser Web, sarà larga 1000px.

Quando si stampa un'immagine è importante un'impostazione DPI / PPI quando si stampa ... ecco come il software calcola la dimensione fisica dell'uscita analogica. Pertanto, l'immagine 1000px x 1000px con un'impostazione DPI di 500 dpi comporterà la stampa di un'immagine da 2 ".

Dove le cose diventano confuse è che IIRC, Photoshop ha usato storicamente "DPI" come termine per questo. Anche se sembra chiaramente che ora usi il termine 'PPI'.

Per questo motivo, direi che entrambi i termini sono appropriati quando si fa riferimento alle meta-informazioni sulla risoluzione dell'output nel software di editing grafico.

Quindi, in sintesi, le mie definizioni sarebbero:

DPI = una specifica per la tua stampante che spiega in che modo un'immagine dettagliata può stampare PPI = una specifica per il tuo monitor che spiega in che modo un'immagine dettagliata può visualizzare per una determinata dimensione fisica

In termini di impostazione di un'immagine per la stampa = PPI o DPI è un termine appropriato. Penso che PPI abbia più senso per la persona che si occupa della creazione del file digitale. Alla fine, si avrà bisogno di così tanti pixel per l'uscita decente. DPI ha più senso per la persona che stampa il file digitale, poiché è un termine che ha senso nel mondo degli uffici di assistenza / stampante.

Iniziando a rispondere alla mia domanda, penso che uno dei problemi con la spiegazione sia che solo alcune parti dell'intera storia sono rilevanti per il lavoro quotidiano di chiunque, a meno che tu non copra la gamma dal designer web / app al designer di stampa per la prestampa esperto. Quindi probabilmente tornerò su questo e lo sintonizzerò per un pubblico diverso.

I pixel per pollice (ppi) sono una misura della risoluzione in due contesti diversi.

(a) la risoluzione di un'immagine stampata a una dimensione fisica specifica

Questa non è una proprietà intrinseca di un file di immagine. I pixel non hanno dimensioni reali, quindi ppi non ha alcun significato fino a quando l'immagine non viene stampata, o almeno specificata in un layout di stampa che utilizza misure fisiche (pollici o mm).

ad es. 1. Hai un'immagine quadrata di 1000 px in Photoshop e la stampi in modo che sia quadrata di 3 pollici. La risoluzione della stampa è 333ppi.

es. 2. Lo metti in un layout InDesign a 1,5 pollici quadrati e lo PDF. Gli strumenti di prestampa di Acrobat indicano che sono 666 dpi, una volta stampati.

ad es. 3. Lo si visualizza in un browser Web su vari dispositivi. È quadrato di 1000 px, qualunque sia la dimensione o la risoluzione del tuo schermo; le dimensioni fisiche variano ampiamente tuttavia.

ad es. 4. Tornate in Photoshop e notate che l'immagine è stata sempre impostata come 72ppi e non ha fatto alcuna differenza in nessuno di questi casi. Lo si cambia in 144ppi (senza ricampionamento, cioè il numero di pixel è invariato) e si scopre che non fa alcuna differenza in nessuno dei casi.

ad es. 5. Dopo un po 'di sperimentazione, si scopre che ppi fa la differenza quando si stampa da Photoshop in scala al 100%. Ma anche le dimensioni di stampa cambiano: sono direttamente (e inversamente) correlate ed entrambi sono solo metadati che specificano come stampare l'immagine e che possono essere facilmente ignorati.

(b) la risoluzione fisica di un dispositivo di visualizzazione

Tornando ad esempio a 3, l'immagine viene visualizzata con dimensioni fisiche diverse poiché gli schermi hanno una griglia hardware fissa di pixel. Quindi PPI in questo caso è una proprietà intrinseca dell'hardware.

Puoi misurare facilmente il PPI di uno schermo se conosci le sue dimensioni in pixel, basta dividere la sua altezza (o larghezza) in pixel per la sua altezza (o larghezza) misurata con un righello. I primi Mac avevano 72ppi; i laptop arrivano a circa 130ppi; smartphone attuali 200ppi +, fino ai 330ppi di iPhone 4.

I punti per pollice (dpi) sono una misura fisica della risoluzione di output di un dispositivo di stampa.

I punti sono singole macchie di inchiostro.

(continua)

NB Il termine è molto comunemente usato per indicare ppi in entrambi i sensi sopra.

Personalmente, lo considero errato, per quanto radicato, e fonte di continua confusione.

Non risponderò quale sia la differenza tra DPI e PPI. Farò una risposta più fondamentale.

Qual è la differenza tra un punto e un pixel?

Un punto

Lascerò le definizioni matematiche, geometriche e concettuali da questa risposta. Mi riferisco solo alle arti grafiche.

Un punto è una minuscola macchia di qualcosa (una goccia di inchiostro, una particella di polvere) usata su un supporto fisico stampato. Normalmente è la più piccola quantità di cose che puoi avere su quel supporto. O hai un punto o non ne hai uno.

Un pixel

Un pixel definisce cose diverse. Sì, probabilmente dovremmo chiamarne alcuni in modo diverso)

I. Un piccolo blocco di informazioni su un file di immagine digitale.

È un minuscolo blocco di informazioni, non un punto. Un punto può essere presente o meno. Al contrario, un pixel può memorizzare uno dei diversi milioni di valori.

Immagina un negozio dove puoi comprare un chiodo o non comprarlo. Questo è un punto.

Ora immagina un negozio in cui puoi scegliere potenzialmente tra diversi milioni di prodotti. Questo è un pixel.

La quantità di opzioni tra cui scegliere in questo negozio è data dalla profondità del negozio, in questo caso dalla profondità di bit. Da solo on-off a diversi milioni di opzioni.

Una cosa su un pixel è che è lì. Ha una posizione definita, ciò che può cambiare è il suo valore.

II. La parte più piccola di uno schermo che può essere modificata per rendere diverse sfumature di colore.

Sì, possiamo ottenere quanti pixel di questo schermo abbiamo su un monitor fisico, ma fortunatamente per noi persone diamo il numero totale; FullHD, 4K su uno schermo da 50 ".

Questo elemento dovrebbe essere chiamato in modo diverso rispetto al "pixel" di un'immagine digitale.

Nota una cosa. Un punto può essere utilizzato nel regno della matematica, della geometria, della pittura, delle arti grafiche, ecc. Un pixel su un file digitale, uno schermo o una proiezione. Hai solo bisogno di sapere qual è il contesto.

DPI utilizzato per Print PPI utilizzato per qualsiasi cosa sullo schermo per cose come giochi o banner online ecc.