Quale DPI dovrebbe essere usato per quali situazioni?


30

Ho visto apparire la parola 'DPI' parecchio quando esporto il mio allenamento in Photoshop e Illustrator. Mentre so che DPI sta per "punti per pollice" e che se si dispone di un DPI troppo basso su un'immagine, si verifica una forte pixellatura se si tenta di ingrandire, quale sarebbe il DPI ottimale per quali situazioni?

Ad esempio (Situazioni):

  • Esportazione di un disegno in formato A4
  • Layout del sito Web
  • Logo (solo sito Web - Circa più piccolo dell'attuale SE Graphic Design.)
  • Logo (scalare su e giù - Dai biglietti da visita ai banner di grandi dimensioni.)

4
Penso che le altre risposte lo abbiano coperto, ma solo per aggiungere che tecnicamente dovresti parlare di PPI (pixel per pollice) quando stai parlando di preparare le immagini. I punti per pollice misurano la risoluzione del dispositivo di stampa e non sono la stessa cosa. Da notare anche che questo termine è ancora valido anche laddove viene utilizzata la metrica per tutto il resto (OK, e indica le dimensioni del tipo).
e100,

"Ho visto comparire abbastanza la parola 'DPI' quando esporto il mio allenamento in Photoshop e Illustrator." Dove esattamente? Puoi fare uno screenshot?
e100

D'accordo, ma 72 dpi per il layout web sono le migliori offerte per le dimensioni dei caratteri in pt e px (in Photoshop).
Benoît,

Risposte:


19

Ho sempre pensato che DPI fosse in qualche modo un nome improprio ... Si applica davvero solo se stai stampando un'immagine, altrimenti, beh, i pixel sono pixel. Per un'immagine su un sito, beh, non importa davvero, basta ottenerne il maggior numero possibile, per adattarsi alle dimensioni richieste. Le stampanti variano leggermente, ma circa 300 DPI sono generalmente una buona regola empirica per qualsiasi cosa abbia le dimensioni di un foglio di carta o più piccolo.

Per i loghi, spero che vengano progettati in un programma vettoriale, il che significa che il DPI può essere regolato in base alle dimensioni dell'oggetto.


1
Non lo considererei un termine improprio (dopo tutto sono i punti sulla carta) ma hai ragione sul fatto che DPI si applica solo alla stampa e non alla visualizzazione su uno schermo. Ho fatto una spiegazione abbastanza approfondita su questa risposta graphicdesign.stackexchange.com/questions/1760/…
jhocking


5

In particolare su PPI per il web o altre immagini sullo schermo: 72PPI (o 75 o 96) è un mito.

Sì, esiste una figura utilizzata dalle applicazioni per decidere quanti pixel utilizzare per il rendering dei caratteri specificati in punti, ma questo non ha alcuna rilevanza per le immagini, tranne:

  • se il documento Photoshop è 72ppi, non importa se le unità di carattere sono impostate su punti o pixel, poiché forniranno lo stesso risultato per qualsiasi valore numerico. Questo può essere leggermente più conveniente, ma in realtà non ha senso usare i punti nelle immagini basate su pixel. È come provare a creare uno striscione web esattamente 1,5 cm x 10 cm o una pagina Web esattamente 12 "di diametro.

L'unica altra situazione che mi viene in mente in cui PPI è rilevante è:

  • dove si desidera stampare un layout dello schermo delle stesse dimensioni apparirà su una data schermata. In questo caso, sì, avresti impostato il PPI dell'immagine su quello dello schermo.

    Dato che la risoluzione del display varia ampiamente, questa sarà solo un'approssimazione nella migliore delle ipotesi per una determinata classe di dispositivi e sui display moderni sarà probabilmente 100PPI o superiore (molto più alto su iPhone 4). Ma se stai progettando per un singolo dispositivo potrebbe essere utile.

(Penso di essermi imbattuto in un altro esempio in cui le immagini dovevano essere preparate a 100 dpi quando si utilizza MS Word per disporre le e-mail HTML, ma non voglio davvero approfondire).


1
Per quanto riguarda Retina iPhone e Retina iPad (e probabilmente Retina Mac): Apple definisce un punto come due pixel, quindi i punti contano, ma non nel modo in cui @JFW probabilmente lo sta chiedendo. Sono d'accordo con tutto quello che hai detto. Se vuoi semplificarti la vita, i PSD Web e delle app dovrebbero essere 72PPI, ma per lo più non importa.
Marc Edwards,

3

Per una foto che viene stampata su una macchina da stampa offset, la regola empirica è che si desidera che la risoluzione della foto sia doppia rispetto al punto dello schermo dei mezzitoni. Ad esempio, se hai uno schermo da 150lpi, l'immagine dovrebbe essere almeno 300 dpi alla sua dimensione finale.

La maggior parte dei moderni monitor LCD ha una risoluzione fisica di circa 100 dpi circa.

Per la progettazione di siti Web dovresti avere il logo come line art in alcuni formati grafici vettoriali come SVG o EPS. Quindi, esegui il rendering a circa 4 volte la dimensione (ovvero il numero di pixel) che desideri effettivamente e fai esplodere il suo sfondo a 4 volte la dimensione. Unisci i due e ricampiona il file risultante alla dimensione desiderata. Questo ti darà un logo anti-alias unito al suo sfondo.


Questo sembra promettente, vorrei che fosse spiegato più chiaramente cosa si intende per "unire i due" e "ricampionare il file risultante di nuovo in dimensioni".
Kzqai,

Con "Unisci i due" intendo usare Photoshop o qualche altro editor di immagini per incollare il logo sullo sfondo. L'immagine che hai è al 400% (secondo le istruzioni nella pubblicazione). Ora riduci al 100% usando il ricampionamento per antialias i bordi del logo.
Preoccupato di

2

Innanzitutto, prova a utilizzare i vettori quando puoi (specialmente per la stampa). I vettori hanno DPI "infiniti".

Quando si utilizzano immagini bitmap nel progetto, provare a mantenere il DPI e la risoluzione originali. Puoi sempre esportare il prodotto finito nel DPI desiderato. Per la stampa, si tratta spesso di 300 DPI, ma a volte di più.

Quando esporti per una pagina web, devi sapere quanto deve essere grande il risultato, in pixel (la risoluzione). In Illustrator è possibile specificare il DPI e questo cambierà la risoluzione dell'immagine esportata.


Confonde DPI e PPI.
e100

1

La domanda è valida, ma troppo vaga per rispondere con qualsiasi specificità. In generale, la risoluzione necessaria per l'immagine dipende da:

  • il tipo di immagine
  • la dimensione del pezzo finale
  • la tecnologia di stampa del tipo utilizzata
  • su cosa viene stampato
  • eccetera.

L'unica risposta specifica è la grafica web: non esiste un concetto di DPI per le immagini che saranno sullo schermo. Devi solo gestire le dimensioni dei pixel.

Durante la stampa, devi occuparti di cose come il tipo di stampa (la serigrafia avrebbe una risoluzione inferiore rispetto alla litografia offset, ad esempio), il tipo di substrato (la stampa su carta argillosa userebbe in genere un'immagine DPI molto più alta rispetto alla stampa su carta da giornale), il tipo di immagine (le immagini stampate con uno schermo di linea [come le foto] non devono avere una risoluzione elevata come quella di un disegno al tratto), la dimensione del pezzo finale (un cartellone non lo fa necessita della stessa risoluzione di una brochure lucida), ecc.

A grandi linee, le fotografie sono in genere impostate a 300 DPI. Line art da qualche parte tra 600 e 1200 DPI. La stampa di grande formato è in genere 100 DPI o più o meno.

Si noti che i termini dpi e ppi sono talvolta usati in modo intercambiabile. TECNICAMENTE, dovremmo generalmente usare PPI quando si tratta di risoluzioni di immagine per la stampa, ma DPI è stato anche usato a lungo. Cerca DPI e PPI su questo sito per vedere molte discussioni su questo argomento.


-1

Di solito, io uso questo:

  • 72 DPI per tutto per lo schermo (a volte anche 75 DPI). In questo modo, la versione stampata di questa immagine sarà scadente o piccola. Utile se vuoi proteggere le tue immagini.
  • 150 DPI per stampe di bassa qualità (demo per stampe future, sito Web ecc. Per clienti)
  • 300 DPI (fino a 450) per una stampa di buona qualità senza alta risoluzione.

Come già accennato, le immagini vettoriali sono abbastanza utili. Innanzitutto, poiché alcune stampanti professionali possono produrre qualsiasi dimensione da questo alla carta. Inoltre, è possibile esportarli da 72 DPI per il Web a 300 per la stampa dalla stessa fonte.


"72 DPI per tutto per lo schermo ... In questo modo, la versione stampata di questa immagine sarà scadente o piccola." Intendi nello scenario in cui il client ottiene solo una copia di anteprima stampata, non il file stesso?
e100,

Confonde DPI e PPI.
e100

-1

Per la stampa di fotografie, 300 dpi dovrebbero essere sufficienti. Per il tipo o qualsiasi cosa tipografica, 600 dpi è la strada da percorrere.

Non importa davvero sul web, 72 dpi va bene lì.


1
Confonde DPI e PPI.
e100

-2

300 dpi è lo standard per i progetti di stampa (soprattutto per la stampa offset).

Le immagini vettoriali hanno una risoluzione illimitata, quindi è meglio per ridimensionare i loghi.

150 dpi viene generalmente utilizzato per progetti stampati di grandi dimensioni.

Ma quando si tratta di web, la risoluzione è normalmente di circa 72 dpi. Tuttavia, quando voglio una qualità migliore per un logo su un sito Web è una questione di formato di file. Uso png-24 che offre una qualità migliore per un logo, jpeg per qualsiasi foto.


Confonde DPI e PPI; non vi è alcun motivo valido per creare immagini Web a un determinato DPI: è sufficiente creare l'immagine con le dimensioni di pixel richieste.
e100

-3

Quando lavoravo in un editore, la regola era di almeno 600 dpi per la stampa e 72 dpi per le immagini che venivano formattate per essere messe sul web.


2
Non vi è alcun motivo valido per creare immagini Web a un determinato DPI: è sufficiente creare l'immagine con le dimensioni di pixel richieste.
e100,

-5

96 DPI / PPI per web / schermo. Apple usa 72, ma Microsoft usa 96, la maggior parte delle persone non lo sa ...


Non vi è alcun motivo valido per creare immagini Web a un determinato DPI: basta creare l'immagine con le dimensioni in pixel richieste. I valori di cui stai parlando hanno a che fare con il numero di pixel utilizzati per il rendering dei caratteri specificati in punti.
e100,
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.