8.1.23

72dpi ? Addio.


Nel "Catalogo delle mille viti" abbiamo sfatato il mito dei 300ppi (non dpi) considerati da molti quali unico parametro da prendere in considerazione per il sicuro ottenimento di una buona stampa.

Riassumiamo in breve:

  • NO! 300ppi non è sinonimo di file valido per la stampa.
  • DEVE sempre essere presa in considerazione anche la condizione di stampa (ossia la lineatura usata in stampa).
  • DEVE sempre essere presa in considerazione anche la dimensione in pixel dell’immagine da stampare.
I soli PPI del file, se non coadiuvati dalle dovute considerazioni, sono un parametro privo di alcun significato.

Sfatato il mito dei 300ppi, sfatiamo ora anche il mito dei 72ppi (non dpi) che taluni considerano ottimi per la fruizione a schermo.
Quanti PPI deve avere un'immagine per una corretta visualizzazione a monitor?
in breve:
  • NO il file NON deve essere a 72ppi.
  • 72ppi NON è la panacea di tutti i mali.
  • 72ppi NON significa nulla, se non prendiamo in considerazione anche la risoluzione del dispositivo di visualizzazione e la dimensione di visualizzazione desiderata su tale dispositivo (ossia la misura lineare dell'immagine).
Il "Catalogo delle mille viti", nella sua sezione dedicata alla visualizzazione, vi spiega che per  ridimensionare adeguatamente un'immagine, dovete necessariamente conoscere con esattezza la risoluzione del dispositivo (PPI) sul quale questa verrà visualizzata.
Da qui la domanda nasce spontanea:

“Ma come faccio a sapere che risoluzione avrà il dispositivo di visualizzazione?”

Beh, non lo saprete per certo, ma di una cosa dovrete essere certi… qualunque dispositivo venga utilizzato, questo NON avrà una risoluzione di 72ppi!

Se non ci credete date un'occhiata alla seguente tabella:

DispositivoX pixY pixDiag. "PPI
MacBook pro 15"1.680 1.050 15,0 132 
iMac 20171.920 1.080 21,0 105 
     
iPad 1st Gen1.024 768 12,9 99 
iPad 2nd Gen1.024 768 12,9 99 
iPad 3rd Gen2.048 1.536 12,9 198 
iPad 7th Gen2.160 1.620 12,9 209 
iPad pro2.048 1.536 9,7 264 
iPad pro2.224 1.668 10,5 265 
iPad pro2.388 1.668 11,0 265 
iPad pro2.732 2.048 12,9 265 
iPad Mini1.024 768 7,9 162 
iPad Mini2.048 1.536 8,3 308 
iPad Air2.048 1.536 9,7 264 
iPad Air2.224 1.668 9,7 287 
iPad Air2.360 1.640 9,7 296 
     
iPhone 3, iPhone 2480 320 3,5 165 
iPhone 4, iPhone 3960 640 3,5 330 
iPhone SE, iPhone 51.136 640 4,0 326 
iPhone 8, iPhone 71.334 750 4,7 326 
iPhone 13 mini2.340 1.080 5,4 477 
iPhone 8+, iPhone 7+1.920 1.080 5,5 401 
iPhone 11 pro, iPhone X2.436 1.125 5,8 463 
iPhone 13 pro2.534 1.170 6,1 458 
iPhone 11 pro Max2.688 1.242 6,5 456 
iPhone 13 pro Max2.778 1.284 6,7 457 
     
Galaxy S3720 1.280 4,8 306 
Galaxy S41.080 1.920 5,0 441 
Galaxy S51.080 1.920 5,1 432 
Galaxy S6/Edge1.440 2.560 5,1 576 
Galaxy S71.440 2.560 5,1 576 
Galaxy S7 Edge1.440 2.560 5,5 534 
Galaxy S81.440 2.960 5,8 568 
Galaxy S8 Plus1.440 2.960 6,2 531 
Galaxy S91.440 2.960 5,8 568 
Galaxy S9 Plus1.440 2.960 6,2 531 

In questa tabella sono riportate le risoluzioni reali e la dimensione in pollici di alcuni dispositivi presi a campione come telefoni, tablet e PC portatili. *Attenzione a non farvi fuorviare dalle risoluzioni virtuali e/o alternative che meritano un approfondimento dedicato, vedi note al piede di questo post.

Vista la tabella? Ottimo, ora ditemi se esiste ancora sul mercato qualche dispositivo che lavori a 72ppi. Ok, vi rispondono io; NO, non esiste.

“Quindi che senso ha preparare le immagini a 72ppi?”

Nessuno !!!

“Ma allora che risoluzione posso utilizzare?”

Prima di rispondere a questa domanda dobbiamo suddividere i desiderata del nostro progetto grafico in tre casistiche.


Qualità massima

I desiderata di questo scenario sono ottenere la massima qualità possibile ed eludere un ipotetico effetto di pixelizzazione delle immagini. Nella scelta dei PPI da usare dobbiamo essere conservativi e preparare il nostro progetto grafico per lo scenario con risoluzione maggiore possibile.
Così facendo saremo sicuri che il nostro progetto avrà un ottima qualità quando visualizzato su un dispositivo in alta risoluzione, mentre se visualizzato su un dispositivo avente una risoluzione inferiore, verrà ricampionato dal motore di visualizzazione (browser, PDF etc).
Riguardando la tabella di cui sopra vediamo che in media i dispositivi in alta risoluzione si attestano sui 570ppi.
L’aspetto negativo di questo scenario è dato dal peso delle immagini e dai relativi tempi di download e visualizzazione. In questo caso avremo decisamente dei tempi più lunghi rispetto allo scenario “Qualità minima”.


Qualità minima

I desiderata di questo scenario sono ottenere la massima leggerezza e reattività del file, anche a discapito della qualità di visualizzazione. Nella scelta dei PPI da usare dobbiamo focalizzarci sui dispositivi con risoluzione inferiore.
Così facendo saremo sicuri che il nostro progetto quando visualizzato su un dispositivo in bassa risoluzione, avrà una buona qualità ed un ottima fruibilità in termini di velocità, mentre se visualizzato su una risoluzione maggiore, verrà ricampionato dal motore di visualizzazione (browser, PDF etc) ottenendo un bassa qualità e nel contempo mantenendo un'ottima fruibilità.
Riguardando la tabella di cui sopra vediamo che in media i dispositivi in bassa risoluzione si attestano sui 100ppi.
L’aspetto negativo di questo scenario è dato dalla pixelizzazione delle immagini e dalla conseguente bassa qualità. In questo caso avremo decisamente dei tempi più corti di download e visualizzazione rispetto allo scenario “Qualità massima” e “Qualità media”.


Qualità media

I desiderata di questo scenario sono ottenere un buon bilanciamento fra massima qualità di visualizzazione e leggerezza dei files da scaricare/visualizzare. Nella scelta dei PPI da usare dobbiamo infatti trovare un buon bilanciamento fra dispositivi con massima risoluzione e dispositivi con minima risoluzione.
Così facendo saremo sicuri che il nostro progetto avrà una qualità media ed una media fruibilità in termini di velocità, sia quando visualizzato su un dispositivo in bassa risoluzione che quando visualizzato su un dispositivo in alta.
Riguardando la tabella di cui sopra vediamo che la media fra i dispositivi in bassa risoluzione e quelli in alta si attesta sui 290ppi. Il bilanciamento di questo scenario evita eccessivi effetti di pixelizzazione delle immagini e lentezza in download / visualizzazione. In questo caso non sfrutteremo mai la massima qualità di visualizzazione, ottenibile nel solo scenario “Qualità massima” e non avremo mai la massima velocità di fruizione ottenibile solo col lo scenario “Qualità minima”.


Considerazioni

Quanto fin qui descritto è assolutamente valido da un punto di vista squisitamente teorico, ma non tiene in dovuta considerazione un ulteriore importantissimo parametro.

Il potere risolutivo dell'occhio umano.

Ripassando alcuni appunti di ottica, scopriamo che esiste una semplice formula per calcolare la risoluzione necessaria ad una buona riproduzione grafica, che è la seguente:

risoluzione (PPI) = 8.733 / distanza_di_visualizzazione (cm)

Vedete come in questa formula l'unico fattore importante, al fine del calcolo della risoluzione dell'immagine da riprodurre, sia la distanza di visualizzazione, e non la lineatura od i dpi, essi sono necessari per calcolare la corretta rasterizzazione delle immagini, ma sono difficilmente correlabili al potere risolutivo dell'occhio umano.
Questa caratteristica fisica del nostro sistema visivo, fa sì che osservando un soggetto ad una certa distanza, il nostro occhio non sia più in grado di percepire i dettagli inferiori ad una certa misura. I pixel che comporranno l'immagine (o la lineatura del retino se parliamo di stampa), non dovranno essere più piccoli di questo valore dettato dal potere risolutivo.

Ipotizziamo di osservare un'immagine su un foglio A4 (o su uno schermo da 15" che è molto simile), per valutare la giusta distanza di visualizzazione basterà moltiplicare la diagonale del supporto (il foglio A4 od il monitor) per un numero compreso fra un minimo di 1,5 ed un massimo di 2.
La diagonale del foglio A4 è circa 36cm, quindi avremo una distanza di lettura minima:

distanza di lettura minima = 36 x 1,5 = 54cm

ed una distanza di lettura massima:

distanza di lettura massima = 36 x 2 = 72cm

da cui calcolare la distanza di lettura consigliata:

distanza di lettura consigliata = distanza di lettura minima + (distanza di lettura massima - distanza di lettura minima) / 2 = 54 + (72 - 54) / 2 = 63cm

Volendo essere un pochino conservativi consideriamo una distanza di visualizzazione un po' più ravvicinata (ossia 55cm) otterremo così la:

Risoluzione ottimale (PPI) = 8.733 / 55 = 159ppi

Usando questo valore come riferimento possiamo capire come la visualizzazione a monitor di un'immagine con una risoluzione inferiore farà notare al nostro occhio la famosa pixelizzazione, mentre usare immagini con più pixel del necessario, non comporterà nessun vantaggio in termini qualitativi, causando invece nel contempo un peggioramento di performance dovuto all'inutile peso del file.

Chiarito il dettaglio (espresso in PPI) visibile dal nostro occhio ad una data distanza, vi apparirà ora alquanto palese l'obsolescenza di chi sostiene ancora validi i 72ppi per la visualizzazione a monitor, non vi pare? 72 è ben lontano da 159.

D'altro canto, riguardando la tabella di cui sopra, potrebbe risultare anchesì anomala l'esagerata risoluzione disponibile nei nostri dispositivi portatili, i dispositivi più moderni adottano risoluzioni che oltrepassano facilmente i 400ppi. Per capirne il motivo ricordatevi di come il potere risolutivo si rifletta sulla distanza di visualizzazione delle immagini. Provate a chiedervi:

A che distanza osservo il mio cellulare? E quindi... quanti punti (pixel) per pollice riuscirò a distinguere a quella distanza?

Dist. (CM)PPI monitor 1:1PPI stampa 2:1
10087 175 
9097 194 
80109 218 
75116 233 
70125 250 
65134 269 
60146 291 
A4 - 55159 318 
50175 349 
45194 388 
40218 437 
35250 499 
Cell - 30291 582 
25349 699 
20437 873 
15582 1.164 
10873 1.747 
51.747 3.493 
18.733 17.466 


Appare chiaro ora come una visione più ravvicinata necessiti di una maggiore risoluzione (espressa in pixel per pollice - PPI) per evitare effetti indesiderati di blur o pixelizzazione delle immagini.

Ricapitolando, dopo aver considerato quanto sopra, chiediamoci infine:

Che risoluzione dovranno avere le immagini per una corretta visualizzate al cellulare?

Al netto di ingrandimenti e di misure in pixel adeguate, un buon compromesso per non incorrere in una eccessiva pixelilazione o blur delle immagini è lavorare con valori che vanno dai 200 ai 300ppi (in un ottica sempre conservativa).

“Ma 300ppi non erano gli stessi che credevo validi per la stampa a 150 linee per pollice?

Riguardate un attimo la tabella qui sopra, ricordandovi però che la risoluzione richiesta per una buona riproduzione in stampa di un'immagine retinata è grossomodo il doppio della lineatura; e saprete sicuramente darvi da soli la risposta al vostro quesito.
 
In fin dei conti cambia il media di visualizzazione (carta o dispositivo mobile), ma è sempre il potere risolutivo dell'osservatore a dettare legge, e questo varia in base alla distanza di lettura.

Buon ricampionamento delle immagini.


* qui alcuni approfondimenti sui display Retina e Density-independet pixels: