Risoluzione degli screenshot

La risoluzione di uno screenshot è la sua dimensione in pixel, larghezza per altezza, e determina dettaglio, nitidezza e peso dell'immagine.

Related workflow terms: DPI, Screenshot Retina.

Risoluzione e qualità

La risoluzione è la misura più diretta della qualità visiva. Un'immagine a risoluzione maggiore contiene più pixel, quindi dettagli più fini, testo più nitido e curve più uniformi. Con pochi pixel la perdita è visibile: i bordi del testo diventano frastagliati, le linee sottili scompaiono e i piccoli elementi dell'interfaccia risultano illeggibili.

La relazione è semplice: più pixel per unità di contenuto visibile significano più dettagli acquisiti. Uno screenshot 2880x1800 di una pagina contiene quattro volte i dati di una versione 1440x900. Se mostrati alla stessa dimensione fisica, il primo è nettamente più nitido.

Questo conta soprattutto nella documentazione, nel marketing e nella stampa. I lettori ingrandiscono le immagini, i designer ne ritagliano alcune parti e la stampa richiede molti pixel. Partire da una risoluzione alta lascia più margine: puoi sempre ridurla, ma non aggiungere dettagli autentici a un'acquisizione piccola.

Che cosa determina la risoluzione

Diversi fattori controllano le dimensioni in pixel:

• Risoluzione del display — la misura nativa del monitor. L'intero schermo di un display 4K arriva a 3840x2160 pixel, quello di un monitor 1080p a 1920x1080.
• Device pixel ratio (DPR) — i display ad alta densità usano DPR 2x o 3x e moltiplicano le dimensioni logiche del viewport. Su un display 2x, un viewport largo 1440 pixel genera un'immagine larga 2880 pixel.
• Dimensioni del viewport — nelle acquisizioni del browser, impostano l'area logica. Un viewport più largo produce uno screenshot più largo.
• Impostazioni dello strumento — alcuni strumenti sostituiscono la risoluzione predefinita, impostano un DPR personalizzato o renderizzano a dimensioni indipendenti dal display fisico.

Nei processi automatici, controllare questi fattori rende uniforme l'output. DPR e viewport fissi producono risultati coerenti su qualsiasi computer, eliminando le differenze dovute ai monitor usati dai singoli collaboratori.

Risoluzione e peso del file

Le due grandezze sono legate. Raddoppiare larghezza e altezza quadruplica il numero di pixel e fa crescere il peso, anche se il rapporto esatto dipende da formato e compressione.

I PNG senza perdita crescono più o meno in proporzione ai pixel. Un PNG 2880x1800 può pesare facilmente 5-10 MB, mentre la versione 1440x900 dello stesso contenuto può fermarsi a 1-2 MB. JPEG e WebP con perdita crescono più lentamente perché eliminano dati ridondanti, ma le immagini più grandi restano più pesanti.

Il compromesso è importante sul Web. Servire uno screenshot da 10 MB su una pagina di destinazione rallenta il caricamento. La soluzione non è acquisire a bassa risoluzione, ma partire da un'immagine grande e poi ottimizzarla: comprimerla con una qualità adeguata, usare WebP dove supportato e fornire la dimensione giusta a ogni dispositivo con immagini responsive.

In un processo editoriale reale, la risoluzione va pianificata e non lasciata al display disponibile in quel momento. Definire prima viewport, DPR e formato di esportazione produce immagini più facili da confrontare e pubblicare senza correzioni.

Errori comuni

• Acquisire a 1x su un display ad alta densità. Alcuni strumenti usano per impostazione predefinita i pixel logici e producono un'immagine meno definita di quanto consenta lo schermo. Verifica che l'acquisizione usi il DPR nativo.
• Ingrandire screenshot a bassa risoluzione. Portare un'immagine 1x alle dimensioni 2x non aggiunge dettaglio: interpola i pixel e produce un risultato sfocato. Acquisisci direttamente alla risoluzione finale.
• Usare sempre la risoluzione massima. Uno screenshot 3x destinato a una miniatura larga 200 pixel spreca banda e spazio. Adatta la risoluzione alla massima dimensione prevista, con un margine ragionevole per eventuali ritagli.
• Ignorare la compressione. Le immagini ad alta risoluzione sono pesanti. Prima di condividere o pubblicare, applica la compressione adatta: PNG per testo e dettagli che richiedono assenza di perdita, WebP o JPEG per fotografie dove la perdita è accettabile.