Densità di pixel

La densità di pixel è il numero di pixel concentrati in un'unità fisica dello schermo, di solito misurato in pixel per pollice (PPI), e determina la nitidezza di testo e immagini sul display.

Related workflow terms: Screenshot Retina.

Densità di pixel e nitidezza del display

La densità stabilisce se, alla normale distanza di visione, l'occhio umano riesce a distinguere i singoli pixel. Con una densità bassa, intorno a 100 PPI come nei monitor desktop meno recenti, i pixel sono visibili e i bordi del testo appaiono frastagliati. Oltre 200 PPI diventano difficili da distinguere, perciò il testo appare uniforme e i dettagli delle immagini più netti.

Apple ha reso popolare il termine "Retina" per i display la cui densità supera la soglia di percezione alla distanza di visione tipica. Per un portatile tenuto a un braccio di distanza, la soglia è circa 200 PPI; per un telefono più vicino al viso, si avvicina a 300 PPI. Gli smartphone di fascia alta moderni superano 400 PPI, oltre il dettaglio che l'occhio riesce a distinguere.

La differenza è evidente. Il testo su un portatile da 220 PPI è sensibilmente più nitido dello stesso testo su un monitor esterno da 110 PPI. Le curve sono più uniformi, i tratti sottili più definiti e i caratteri piccoli restano leggibili senza artefatti di antialiasing.

Come la densità di pixel influisce sugli screenshot

Uno screenshot acquisisce ogni pixel fisico disegnato sul display. Su un monitor standard da 110 PPI, un viewport largo 1440 pixel genera uno screenshot largo 1440 pixel. Su un display Retina 2x da 220 PPI, lo stesso viewport produce uno screenshot largo 2880 pixel: il doppio in ogni dimensione e quattro volte il numero complessivo di pixel.

Le conseguenze sono concrete. Gli screenshot di display ad alta densità hanno dimensioni e file più grandi, ma contengono molti più dettagli. Visualizzati alla loro dimensione "logica", cioè ridotti a 1x, risultano particolarmente nitidi perché dispongono di più pixel di quanti ne richieda l'area di visualizzazione.

Quando servono dimensioni coerenti su display sorgente diversi, gli strumenti di acquisizione automatica possono uniformare la risoluzione impostando un rapporto tra pixel del dispositivo, indipendente dal display host. In questo modo gli screenshot provenienti da un monitor 1x e da un telefono 3x restano confrontabili.

Rapporto tra pixel del dispositivo

Il rapporto tra pixel del dispositivo (DPR) collega la densità di pixel a ciò che vede il software. Indica quanti pixel fisici corrispondono a un pixel logico (CSS). Con DPR 1, un pixel CSS equivale a un pixel fisico; con DPR 2, equivale a un blocco 2x2 di quattro pixel fisici.

Sistemi operativi e browser usano il DPR per ridimensionare l'interfaccia. Un pulsante largo 100 pixel CSS viene disegnato su 200 pixel fisici in un display 2x. La dimensione logica percepita dall'utente non cambia, ma il dettaglio raddoppia.

Negli screenshot, il DPR determina le dimensioni del file ottenuto. Conoscere il valore previsto è essenziale per produrre immagini alla risoluzione giusta: massima nitidezza per le risorse di marketing oppure file più gestibili per la documentazione.

La densità diventa importante appena le acquisizioni provengono da computer diversi. Se si usano insieme monitor esterni 1x, MacBook Retina ed emulazione mobile, senza un DPR definito si ottengono risorse incoerenti.

Errori comuni

• Confondere densità di pixel e DPI. I PPI (pixel per pollice) descrivono gli schermi; i DPI (punti per pollice) descrivono le stampanti. Sono misure diverse. Parlare di uno screenshot "a 300 DPI" può trarre in inganno: contano le dimensioni in pixel e i PPI del display sul quale è stato acquisito.
• Dare per scontato che tutti gli screenshot abbiano la stessa risoluzione. La stessa pagina web acquisita su un monitor 1x e su un telefono 3x produce immagini di dimensioni molto diverse. Considera sempre il DPR quando confronti o elabori in gruppo screenshot provenienti da dispositivi diversi.
• Ridurre le dimensioni senza uno scopo. Portare uno screenshot 2x alle dimensioni 1x elimina metà del dettaglio in ogni dimensione. Se il supporto finale gestisce immagini ad alta risoluzione, come un sito Retina o la stampa, conserva la risoluzione completa.
• Ignorare l'effetto sul peso del file. Uno screenshot 3x ha nove volte i pixel di un'acquisizione 1x. Senza compressione, anche il peso cresce di conseguenza. Dopo l'acquisizione, ottimizza l'immagine in modo da bilanciare qualità e dimensione.