DPI e PPI: la differenza e perché contano i 300 dpi

La risposta breve a dpi o ppi: il PPI (pixel per pollice) descrive un’immagine digitale o uno schermo, mentre il DPI (punti per pollice) descrive con quanta finezza una stampante deposita l’inchiostro. Nell’uso quotidiano sono trattati come la stessa cosa, e quando una tipografia chiede «300 dpi» intende davvero 300 pixel per pollice alla misura finale. Ciò che conta è il numero di pixel: moltiplica la dimensione di stampa in pollici per 300 e hai i pixel che ti servono.

Cosa misurano davvero PPI e DPI

Una stampante ha bisogno di più punti di inchiostro per riprodurre il colore di un solo pixel, ed è per questo che le stampanti indicano densità di punti molto più alte di 300. Quindi i due numeri descrivono cose diverse. Poiché software di design e tipografie dicono «dpi» per entrambi, è più sicuro tradurre ogni richiesta di «300 dpi» in «300 pixel per ogni pollice del pezzo stampato».

L’unico calcolo che ti serve

pixel       = pollici x ppi
misura stampa = pixel / ppi

cartolina 6 x 4 in a 300 ppi  ->  1800 x 1200 px
A4 (8.27 x 11.69 in) a 300    ->  2480 x 3508 px
1080 x 1350 px a 300 ppi      ->  3.6 x 4.5 in

da millimetri a pollici: dividi per 25.4

Fai il calcolo al contrario e scopri quanto grande può essere stampata un’immagine esistente. Un post Instagram 1080 × 1350 a 300 ppi si stampa nitido solo a 3,6 × 4,5 pollici. Allargalo all’A4 e ogni pixel si stira a più del doppio della sua larghezza, ed è allora che le stampe appaiono morbide. La nostra guida alla risoluzione per la stampa ha una tabella completa delle misure.

Perché 300 dpi per la stampa e perché 72 dpi è un mito

300 pixel per pollice è lo standard di stampa consolidato perché, a normale distanza di lettura, le persone non distinguono i singoli pixel oltre circa quella densità. Poster e striscioni visti da più lontano possono usarne meno, spesso 150, come spiegato in formati dei poster.

L’idea che le immagini per il web debbano essere «a 72 dpi» viene dai primi schermi Mac, che mostravano per caso 72 pixel per pollice. Gli schermi ignorano del tutto l’etichetta dpi; un browser o un telefono mostra un’immagine in base alle sue dimensioni in pixel. Un’immagine 1200 × 630 etichettata a 72 dpi e la stessa etichettata a 300 dpi appaiono identiche a schermo e hanno esattamente lo stesso peso, a parte qualche byte di metadati.

La risoluzione non è l’unica cosa che cambia tra schermo e carta. Cambia anche il colore, perché gli schermi mescolano luce e le macchine da stampa mescolano inchiostro; RGB o CMYK spiega cosa aspettarsi, e stampare i gradienti tratta le sfumature morbide che ne risentono di più.

Cambiare il dpi non aggiunge dettaglio

La maggior parte degli editor di immagini ti lascia digitare un nuovo valore dpi. Se cambi il numero senza ricampionare, i pixel restano gli stessi e cambia solo la dimensione di stampa suggerita. Se ricampioni verso l’alto, il software inventa nuovi pixel mescolando quelli vicini, il che ingrandisce l’immagine ma non la rende più nitida. L’unico vero rimedio per un’immagine a bassa risoluzione è un originale più grande o un design che si possa riprodurre di nuovo alla misura che ti serve.

Densità di pixel sugli schermi

Gli schermi hanno un ppi reale: i telefoni moderni concentrano molti più pixel in un pollice di un vecchio monitor da desktop. Per mantenere tutto leggibile, disegnano ogni pixel CSS con due o tre pixel fisici. Per questo un’immagine web nitida si esporta di solito al doppio della misura a cui viene mostrata. Il browser sceglie quella giusta se gliela offri:

<img
  src="hero-1200.png"
  srcset="hero-1200.png 1x, hero-2400.png 2x"
  width="1200" height="600"
  alt="Spring collection hero"
/>

I gradienti e i design renderizzati evitano la maggior parte di tutto questo. Non avendo pixel fissi, si possono ridisegnare alla misura che serve a uno schermo o a una stampante. Le misure di stampa di Gradiently sono già impostate a 300 dpi, le misure personalizzate arrivano a 8.000 pixel e Pro esporta fino al 4K, oltre che in SVG e PDF per la stampa. Per scegliere i formati vedi PNG o JPG e SVG o PNG.