Densità di pixel

La densità di pixel è il numero di pixel fisici per unità di lunghezza su un display, misurata in pixel per pollice (PPI). Dipende dalla risoluzione dello schermo e dalla sua dimensione fisica. Un display da 27 pollici con 5120×2880 pixel ha una diagonale di circa 5.874 pixel, che dà circa 218 PPI.

A parità di distanza di visione, una densità più alta rende il testo e le linee più lisci. Per mantenere gli elementi dell'interfaccia di una dimensione utilizzabile, i sistemi operativi li scalano. macOS misura l'interfaccia in punti e renderizza ogni punto con 1×1 pixel su un display standard o con 2×2 pixel su un display Retina.

Sul web, lo stesso rapporto si chiama device pixel ratio: il numero di pixel fisici per pixel CSS.

Densità di pixel e nitidezza del display

Due display con la stessa risoluzione ma dimensioni diverse hanno densità diverse. Un pannello 1920×1080 appare nitido a 13 pollici e grossolano a 27 pollici. La densità da sola non determina ciò che vedi: contano anche la distanza di visione e le impostazioni di scala.

Come la densità di pixel influisce sugli screenshot

Gli screenshot registrano pixel fisici. Su un display Retina 2x, un'area di cattura di 1600×900 punti produce un'immagine di 3200×1800 pixel. La stessa area su un monitor esterno 1x produce 1600×900 pixel. Se una sessione di cattura passa tra display diversi, le dimensioni delle immagini del set cambiano.

Temposhot mostra una finestra Display Configuration Changed quando la configurazione dei display cambia durante la cattura, con Continue with Selected Display o Stop Capture.

Device pixel ratio

Device pixel ratio	Esempio	Elemento largo 400 px CSS
1	Monitor desktop standard	400 pixel
2	Display Retina del Mac	800 pixel
3	Molti telefoni attuali	1200 pixel

Gli strumenti del browser e le librerie di screenshot permettono di impostare il device pixel ratio, quindi un desktop può produrre catture con la densità di un telefono.

Errori comuni

• Mescolare screenshot 1x e 2x nello stesso documento, facendone apparire alcuni sfocati o troppo grandi.
• Confondere il PPI di un display con il campo DPI memorizzato in un'immagine.
• Mostrare su una pagina web screenshot 2x alla loro dimensione piena in pixel.
• Ridurre le catture 2x con un fattore non intero invece che esattamente al 50 percento.

Ripeti gli stessi screenshot più volte?

Esegui ogni cattura sullo stesso display, così le dimensioni delle immagini restano coerenti. Vedi automazione degli screenshot su Mac.

Domande frequenti

Come verifico la dimensione in pixel di uno screenshot?

Aprilo in Screenshot Resolution Checker, oppure usa l'ispettore di Anteprima su Mac.

La densità di pixel è la stessa cosa della risoluzione?

No. La risoluzione è il numero di pixel. La densità è il numero di pixel per pollice dello schermo fisico.

Fonti

• Pixel density (Wikipedia)
• Window.devicePixelRatio (MDN)

Risorse correlate

• Controlli e ripristino della cattura: cambi di display durante la cattura.
• DPI: il valore di risoluzione orientato alla stampa.