Funzionalità di sviluppo di moduli per diverse risoluzioni dello schermo. Rapporto tra pixel, centimetri e DPI Risoluzione immagine inferiore a 96 dpi

19.06.2023 Computer

Rilevanza: 2016

Per misurare la dimensione delle fotografie vengono utilizzati almeno tre parametri: risoluzione dell'immagine digitale (in pixel), dimensione di stampa (in centimetri) e risoluzione di stampa (dpi - punti per pollice). Un utente che si trova ad affrontare per la prima volta il compito di convertire un'immagine e prepararla per la stampa a volte trova difficile comprendere queste impostazioni; deve agire a caso e arrivare al risultato desiderato attraverso tentativi ed errori, perdendo molto tempo e carta.

Diamo un semplice esempio di problema. Devi fare una fotografia per i documenti. Puoi procedere in due modi: andare in uno studio fotografico e scattare una foto lì, pagando 150 rubli per 4 piccole fotografie stampate su un foglio di 10*15 cm.La seconda opzione è scattare una foto a casa, preparare un foglio A4 per stampa, su cui puoi comprimere quante più fotografie di diverse dimensioni saranno sufficienti per diversi anni a venire. Quindi vai in uno studio fotografico e stampi la tua creazione su un foglio A4 per 30 rubli. Sembra che il profitto di un ordine sia ridicolo, ma se devi stampare foto per più persone contemporaneamente (ad esempio, quando tutta la famiglia è fotografato per un visto prima di recarsi in un altro paese), puoi risparmiare un importo più significativo. E questo è solo un esempio. Un'altra questione è come mantenere le dimensioni delle fotografie in modo che sulla stampa siano esattamente 4*5 cm (o qualche altra dimensione). Per adattare la dimensione di stampa alla dimensione richiesta, è necessario comprendere la connessione centimetri, pixel E dpi.

Pixel

Un pixel è un punto che costituisce un'immagine. Un pixel è anche una cella di un'immagine su un monitor o TV LCD. Esamina il monitor da vicino e vedrai una griglia appena percettibile; una cella di questa griglia è un pixel. La foto che hai scaricato dalla fotocamera ha una risoluzione di diversi megapixel, ovvero, ad esempio, 6.000 pixel di larghezza e 4.000 pixel di altezza, ovvero 6.000 * 4.000 = 24.000.000 di pixel o 24 megapixel. Quando viene visualizzata su un monitor, l'immagine viene automaticamente ridimensionata in base alla risoluzione del monitor (circa 2 megapixel). Se proviamo ad aumentare la scala (allunghiamo la foto), in una certa misura l'immagine viene allungata senza alcuna perdita visibile di qualità, ma su di essa compaiono dei quadrati caratteristici. Ciò accade quando la risoluzione effettiva della foto è inferiore a quella che vogliamo vedere: la dimensione dei pixel nella foto è diventata maggiore della dimensione dei pixel sul monitor.

Centimetri

Penso che non sia necessario spiegare cos'è un "centimetro". Nel nostro caso, la dimensione delle stampe fotografiche è misurata in centimetri. Di solito le fotografie vengono stampate nel formato 10*15 cm, ma a volte vengono utilizzati formati più grandi: 20*30 cm (approssimativamente equivalente ad A4), 30*45 cm (A3) e superiori. Probabilmente hai riscontrato un problema: hai trovato una bellissima fotografia su qualche sito Web e hai deciso di stamparla in un grande formato (ad esempio 20*30 cm), ma dopo averla stampata hai notato che la qualità della stampa non era molto buono: gli sfondi degli oggetti sono risultati un po' sfocati. La cosa più triste è che nessuna modifica può correggere questa foto. E tutto perché la risoluzione della foto sul sito è, ad esempio, 900*600 pixel. Cioè, 1 pixel sulla stampa avrà una dimensione di circa 0,33 millimetri - ed è difficile contare sulla nitidezza "squillante"! E qui appare un altro parametro di qualità dell'immagine, con il quale puoi valutare la qualità della stampa: DPI

DPI

DPI è l'abbreviazione della frase inglese Dots per Inch, che viene tradotta in russo come punti per pollice. Questo valore mostra semplicemente quanti pixel dell'immagine ci sono per un pollice "lineare" durante la stampa (un pollice equivale a 2,54 cm). Esiste anche un valore DPC (punti per centimetro), ma viene utilizzato meno spesso: qualunque cosa si possa dire, tutte queste tecnologie di stampa ci sono arrivate da dove vengono utilizzati pollici, piedi, libbre, ecc. Quindi, torniamo al nostro esempio: un'immagine di 900 * 600 pixel, che abbiamo deciso di stampare nel formato 30 * 20 cm. Convertiamo i centimetri in pollici per comodità: otteniamo 11,8 * 8,9". Se dividiamo 900 pixel da 11,8", otteniamo la risoluzione di stampa 76 DPI. Ciò corrisponde all'incirca alla risoluzione del monitor con i suoi pixel "grandi", quindi l'immagine sullo schermo appare buona. Ma per ottenere una stampa di qualità accettabile, è necessaria una risoluzione di stampa di almeno 150 DPI e, se desideri un dettaglio molto buono, di almeno 300 DPI. Per fornire tale risoluzione durante la stampa di 30 * 20 centimetri, l'immagine digitale originale deve avere una risoluzione di 3540 * 2670 pixel, ovvero circa 9 megapixel. Così abbiamo scoperto il motivo per cui le fotografie stampate “da Internet” appaiono sfocate e torbide. Ora torniamo alla nostra domanda: come regolare la risoluzione dell'immagine in modo che venga stampata nella dimensione specificata? Ad esempio, considera la preparazione di fotografie per i documenti.

Creazione della tua foto per i documenti: istruzioni passo passo

Supponiamo che tu debba scattare diverse fotografie di 4*6 cm e posizionarle su un foglio di 20*30 cm, come fare?

1. Prendi l'immagine originale e aprila in Photoshop. Selezionare la voce di menu "immagine" - "dimensione immagine". Si apre davanti a noi la seguente finestra di dialogo:

Nella finestra di dialogo che si apre, vediamo due gruppi di impostazioni: "dimensione" e "dimensione di stampa". Il gruppo "dimensione" visualizza le dimensioni dell'immagine digitale in pixel. Non tocchiamo queste impostazioni! Nel gruppo "dimensioni di stampa", imposta la dimensione di cui abbiamo bisogno in centimetri (le unità di misura vengono selezionate dagli elenchi a discesa). Nel nostro caso è 4*6 cm, impostiamo anche la risoluzione di stampa su 300 pixel per pollice, questo garantirà una buona qualità di stampa.

Modificando le impostazioni della dimensione di stampa, vediamo che cambiano anche le dimensioni in pixel. Così dovrebbe essere! Dopo tutto questo, fai clic su OK. L'immagine cambia di dimensione. Ora dobbiamo copiarlo: usa la combinazione di tasti:

  1. Ctrl + A (inglese): seleziona tutto
  2. Ctrl + C (inglese): copia negli appunti

Trasferiremo ciò che è stato copiato negli appunti su una tela separata, vedi punto 2. 2. Ora dobbiamo creare una nuova immagine che corrisponderà ad un foglio di 20*30 cm, che andremo a stampare in camera oscura. Selezionare il menu "File", "Nuovo", viene visualizzata una finestra di dialogo:

Indichiamo la dimensione della carta fotografica su cui verrà eseguita la stampa (20 x 30 cm) e impostiamo la risoluzione in pixel per pollice sulla stessa della nostra foto: 300 DPI. Fare clic su OK.

3. Viene visualizzata un'immagine vuota con uno sfondo trasparente. Premi la combinazione di tasti Ctrl + V e incolla la nostra prima immagine su una nuova tela. Apparirà qualcosa del genere:

L'immagine viene inserita come nuovo livello. Spostalo nell'angolo in alto a sinistra, quindi seleziona il menu "Livello", "Duplica livello".

Sulla tela apparirà un'altra immagine simile, inizialmente “giace” sul livello originale. Lo spostiamo e lo mettiamo accanto. Allo stesso modo, creiamo tutti i livelli duplicati di cui abbiamo bisogno. Successivamente, appiattiamo i livelli (menu "Livello", "Abbina").

Salviamo l'immagine in formato JPEG, la copiamo su un'unità flash e andiamo al laboratorio fotografico. Diciamo all'operatore quanto segue: "stampa questa immagine in formato 20*30 cm con una risoluzione di 300 DPI nessun ridimensionamento"In questo caso, le piccole foto avranno esattamente la dimensione che abbiamo indicato per loro - nel nostro caso, 4 * 6 centimetri. Si consiglia di avere con sé un righello per controllare la dimensione delle stampe.

Da dove vengono i 96 dpi?

La tendenza lanciata da Apple verso i display ad alta densità di pixel ha evidenziato i problemi di ridimensionamento esistenti in alcune applicazioni Windows. Da dove vengono questi problemi e come risolverli?

Pertanto, 96 dpi è un parametro virtuale ottenuto come risultato di calcoli virtuali e media. Viene calcolato in base alla valutazione della percezione soggettiva dell'utente della dimensione della lettera in funzione della distanza e rappresenta un fattore di correzione del parametro 72 dpi, che a sua volta riflette semplicemente il fatto che 72 punti di uno un monitor con una certa diagonale e risoluzione (e immesso sul mercato da molto, molto tempo) coincide con il pollice virtuale utilizzato nella stampa. Difficile? Molto.

A differenza di questo parametro virtuale, il PPI è del tutto reale: è il numero fisico di pixel reali dello schermo per pollice, che è molto facile da calcolare con precisione. Questa è la differenza fondamentale tra i parametri: uno è virtuale e l'altro è del tutto reale.

Come è costruita l'interfaccia di Windows, perché 96 dpi sono diventati la base, come viene utilizzata questa base?

Tuttavia, il parametro 96 dpi è diventato l'elemento più importante per la creazione di interfacce di sistemi e applicazioni. Come è successo?

All'epoca in cui Windows stava appena conquistando il mercato, la tecnologia e l'industria dei PC non si sviluppavano a un ritmo così folle come adesso, ma lo sviluppo andava avanti e sembrava molto dinamico. Gli standard per la visualizzazione delle immagini sullo schermo si sono sostituiti: CGA, EGA e, infine, l'ultimo standard IBM, diffuso sul mercato. Le diagonali dei monitor e le risoluzioni disponibili sono gradualmente aumentate. E la risoluzione si è gradualmente trasformata da costante in una delle variabili.

Tuttavia, la connessione dei computer alla carta ha continuato a essere uno degli aspetti più importanti della loro funzionalità. Di conseguenza, anche il parametro dpi, che imposta i parametri dei caratteri e della grafica quando stampati su carta, è rimasto rilevante. Apparentemente, questo parametro cominciò a essere percepito come una costante universale, e fu dpi a diventare il punto di partenza per costruire l'interfaccia del sistema e delle applicazioni, sia per il testo che per la grafica.

Tuttavia, a quel tempo sembrava abbastanza logico e ragionevole. Innanzitutto la risoluzione è cresciuta all'incirca allo stesso ritmo della diagonale dello schermo, cioè la dimensione dell'elemento sullo schermo è rimasta all'incirca la stessa. In secondo luogo, a quel tempo la potenza del computer scarseggiava, quindi non ce n'era abbastanza per interfacce complesse. Gli elementi vettoriali erano un lusso irraggiungibile; i caratteri erano raster e la scala e la dimensione degli elementi dell'interfaccia erano fissate rigidamente una volta per tutte. Ebbene, le dimensioni dei caratteri e degli elementi stessi non sono venute dal nulla: sono state perfezionate sulla carta per decenni. In altre parole, il collegamento alla carta sembrava non solo logico, ma anche conveniente dal punto di vista del lavoro con un computer.

Allo stesso tempo, vorrei ricordarti ancora una volta che il parametro dpi stesso è virtuale e non ha nulla a che fare con l'hardware del computer. Il computer disegna sempre un'immagine in pixel e la visualizza sullo schermo con una determinata risoluzione. In generale, non gli interessa su quale diagonale visualizzare l'immagine, e ancor di più, non sa quanto lontano si trova l'utente dallo schermo, ma questo parametro è stato preso in considerazione quando si sceglie quello più “redditizio” dpi. Pertanto, abbiamo bisogno dpi come parametro in due casi: quando si stampa su carta (quindi imposta la scala e l'organizzazione degli elementi su un foglio di carta) e come un certo valore di base che determina soggettivamente comoda scala degli elementi dell'immagine sullo schermo.

Poiché questa combinazione casuale e fortunata di parametri del monitor (dimensioni dell'immagine/risoluzione che danno il PPI desiderato) e sistema (dpi) ha funzionato bene, è stata percepita come qualcosa di permanente e incrollabile. Si credeva che il parametro dpi = 96 sarebbe rimasto sempre rilevante. Questo è il motivo per cui non dovresti sempre fidarti ciecamente dell '"esperienza di successo": questa potrebbe non essere una regola generale, ma semplicemente una combinazione funzionante con successo di parametri casuali che si sgretoleranno come un castello di carte se uno di essi cambia. In realtà con i dpi è successo questo: tutti hanno creduto tanto nella sua inviolabilità che, per semplificarsi la vita, hanno cominciato a considerarlo come una costante. E quando alla fine è stato necessario cambiare i dpi, alle interfacce è successo un disastro. E' di questo che parleremo.

Organizzazione dell'interfaccia Windows, degli schermi LCD e relative difficoltà

Pertanto, dpi è diventato il valore fondamentale che costituisce la base di tutti gli elementi (testo e grafica) sia del sistema operativo Windows che delle applicazioni. All'aumentare della risoluzione, la dimensione degli elementi in dpi è rimasta la stessa, solo un numero maggiore di essi si adattava allo schermo, e la dimensione visibile, cioè come apparivano questi elementi sullo schermo, è stata determinata dal rapporto tra la dimensione fisica di lo schermo e la sua risoluzione. Per molto tempo, la risoluzione e la diagonale dello schermo sono cresciute all'incirca allo stesso ritmo, quindi non è successo nulla di terribile.

In linea di principio, con lo sviluppo dei monitor CRT il concetto di dpi ha cominciato a vacillare un po', poiché anche per questi il ​​rapporto dimensione/risoluzione richiesto non è stato sempre mantenuto esattamente. Di conseguenza, su monitor diversi, gli elementi sullo schermo avevano dimensioni apparenti diverse. Ma nella maggior parte dei casi sono state tollerate piccole deviazioni e, in caso di deviazioni significative dalla "norma", gli stessi monitori sono venuti in soccorso. Dopotutto, i tubi CRT funzionavano bene con diverse risoluzioni, quindi molto probabilmente il problema avrebbe potuto essere eliminato impostando una risoluzione diversa sul monitor, in modo che la dimensione visiva degli elementi fosse più vicina all'ambito dpi. Pertanto, la maggior parte degli utenti percepisce un'immagine troppo piccola o troppo grande non come una scala sbagliata, ma piuttosto come una risoluzione sbagliata per un determinato monitor. Ad esempio, ricordi circa 800x600 contro 1024x768 per i monitor da 14 pollici?

Questo metodo ha smesso di funzionare con il passaggio ai monitor con matrici LCD, perché possono funzionare bene solo con una risoluzione. E già nella seconda fase di sviluppo, i monitor LCD hanno dimostrato quanto possano rovinare la vita di tutti.

Per la prima volta gli utenti di PC di tutto il mondo si sono trovati ad affrontare il problema del ridimensionamento quando i monitor LCD con una diagonale di 17 pollici e una risoluzione di 1280 × 1024 pixel hanno iniziato ad entrare in massa sul mercato. Penso che molti lettori ricordino i problemi con la loro configurazione. Alla ricerca di specifiche ottimali, i produttori hanno scelto una risoluzione più elevata, ma di conseguenza, per questo tipo di matrice, l'equilibrio dimensioni/risoluzione si è rivelato estremamente infruttuoso: la densità dei pixel era troppo elevata e con le impostazioni standard del monitor e del sistema, la l'immagine degli elementi sullo schermo era troppo piccola per un lavoro confortevole. Si è scoperto che il ridimensionamento in Windows non funziona bene.

Si è arrivati ​​​​al punto in cui gli utenti, per disperazione, hanno abbassato la risoluzione di un livello, anche se ciò ha avuto conseguenze molto spiacevoli per i monitor LCD: l'immagine è diventata sfocata, i caratteri sono diventati sfocati e gli occhi hanno ancora male. A peggiorare le cose, la risoluzione di 1280×1024 assume un rapporto d'aspetto non standard: 5:4 invece di 4:3, cioè quando il monitor è stato impostato su 1024×768, anche le proporzioni sono state violate. Che sfortunata coincidenza...

Poi sono apparsi sul mercato monitor con una diagonale di 18 e 19 pollici e con la stessa risoluzione, sui quali la dimensione degli elementi dello schermo era già più decente, il che ha ridotto la gravità del problema. Tuttavia, il grande pubblico ha già ricevuto una chiara lezione sul fatto che la capacità di scalare le interfacce sullo schermo non è un lusso, ma una necessità. Inoltre, con la diffusione delle matrici LCD, il buon vecchio metodo del “cambiare la risoluzione dello schermo” non funzionava più, ovvero non restava che la configurazione software del sistema. È più semplice, più conveniente e ha molte più opzioni di personalizzazione. Adesso sembra tutto così ovvio perché ci siamo abituati. Ma per molto tempo si è creduto che non fosse la scala dell'immagine a dover essere modificata, ma la risoluzione dello schermo...

Tuttavia, il ridimensionamento su Windows non è così semplice come sembra.

Difficoltà nel ridimensionare l'interfaccia

L'interfaccia del sistema e dell'applicazione è costituita da un gran numero di elementi diversi. Tuttavia, vengono calcolati in diversi sistemi di coordinate. Ad esempio, i caratteri vengono conteggiati negli stessi dpi (lì tutto può essere più complicato, ma per semplicità supponiamo che questo sia il loro unico parametro) e gli elementi grafici vengono conteggiati direttamente in pixel.

Un'icona sul desktop è una semplice immagine raster con una dimensione in pixel rigorosamente fissa, ad esempio 32x32, e rimarrà quella dimensione (per quanto ricordo, ora ci sono le opzioni 16x16, 32x32, 64x64 pixel , ma è solo un'altra icona disegnata in una dimensione diversa; leggi di più sulla creazione di icone, ). L'interfaccia appare olistica solo finché vengono preservate le proporzioni tra testo e componenti grafici specificate dal creatore.

Facciamo un semplice esempio: l'interfaccia dispone di una finestra di dialogo con un pulsante “salva modifiche”, il cui sfondo è un'immagine raster. Supponiamo di impostare la scala grafica al 100% e dpi=96, e in queste condizioni disegnamo l'interfaccia. Tutti gli elementi si incastrano perfettamente e hanno un bell'aspetto. Ora impostiamo dpi=120, cosa succederà? Il testo diventerà più grande, ma la dimensione del pulsante rimarrà la stessa, ovvero il testo si estenderà oltre lo spazio assegnatogli. Ora immaginiamo che l'intera finestra renderizzata sia una bitmap e impostiamo la scala al 120%. Sia il testo che le immagini di sfondo diventeranno sfocate e perderanno la loro chiarezza. Questa interfaccia sembra sciatta e sgradevole. In realtà, questi sono i due problemi principali durante il ridimensionamento delle interfacce e di seguito parleremo di come erano e vengono risolti in Windows.

Dispositivi dello zoo

Apple controlla sia i dispositivi (ed esclusivamente) che la piattaforma software. Pertanto, in primo luogo, può decidere da sola quali soluzioni e con quali parametri portare sul mercato e, in secondo luogo, può mantenere una gamma limitata di prodotti, selezionando il miglior rapporto (a suo avviso) di parametri. Questo, tra le altre cose, semplifica la vita sia all'azienda stessa che agli sviluppatori di terze parti in termini di creazione e ottimizzazione dell'interfaccia.

La piattaforma Windows si basa su principi completamente diversi, la cui essenza è la diversità dei produttori di componenti, software e dispositivi, uniti solo da un sistema operativo comune. Numerosi produttori producono matrici e monitor per computer desktop e dispositivi mobili su Windows, quindi esiste un numero enorme di diagonali e risoluzioni dello schermo disponibili e ne vengono costantemente aggiunte di nuove e quelle vecchie cessano di essere rilevanti. Pertanto, gli sviluppatori di software semplicemente non possono testare tutte le opzioni e sono costretti a creare interfacce secondo i principi più universali che consentiranno loro di lavorare su qualsiasi tipo di monitor. Fino a poco tempo fa, l’unico parametro costante era il dpi, e i produttori di software dovevano pregare affinché i produttori di monitor scegliessero il rapporto tra diagonale e risoluzione in modo che 96 dpi corrispondessero all’incirca al loro PPI.

Tuttavia, nella vita reale, i produttori di hardware guardano più ai numeri di marketing che ai loro colleghi di software. Vorrei, ad esempio, lanciare una granata ai produttori di monitor: questi ragazzi, con la coscienza pulita, producono monitor con la stessa risoluzione Full HD 1920x1080, ma con diagonale della matrice da 21,5 a 27 pollici. Inoltre, trovare un buon monitor da 27 pollici con risoluzione Full HD (che mi si addice meglio a causa della vista non molto buona) fino a poco tempo fa non era così facile, e il prezzo era adeguato.

Tuttavia, anche la situazione attuale potrà presto essere definita “i bei vecchi tempi”. Apple ha alzato la bandiera di aumentare drasticamente la densità di pixel per pollice e la sta implementando attivamente su tutti i suoi dispositivi. Il nuovo standard è già stato accettato dal mercato e per tenere il passo la piattaforma Windows deve muoversi nella stessa direzione. Ciò ci costringe a cercare approcci completamente diversi alla progettazione delle interfacce e crea molti nuovi problemi.

Inoltre, la stessa Microsoft ha coraggiosamente fatto un passo avanti includendo i tablet nel paradigma: cioè ora abbiamo lo stesso sistema operativo (Windows 8) con la stessa interfaccia che non solo dovrebbe funzionare, ma fornire un'elevata facilità d'uso e un'esperienza simile su qualsiasi schermo, da un tablet da 10 pollici con una risoluzione di 1366x768 (questa era la risoluzione standard minima originariamente dichiarata per il sistema, ma Microsoft ora ha abbassato questo requisito a schermi da 7 pollici e una risoluzione di 1024x768) e fino a... beh, lascia che sia un monitor da 30 pollici (o addirittura superiore) con una risoluzione che supera già il Full HD (ad esempio 2560x1600).

Quindi anche il Full HD (1920×1080) non è affatto un limite. Ma l'umorismo principale della situazione non è nemmeno questo, ma il fatto che uno schermo con risoluzione Full HD può apparire su un enorme monitor da 27 pollici (o una TV con una diagonale ancora maggiore) e sullo schermo di un tablet da 11 pollici.

I giochi come esempio

Quindi, penso che molti lettori siano già giunti alla conclusione che la soluzione ideale sarebbe creare un'interfaccia da elementi completamente scalabili. Per illustrare questo approccio alla risoluzione del problema, prendiamo un altro esempio tratto dalla storia del mondo antico: l'evoluzione dei giochi per computer. Inizialmente, spesso assomigliavano a questo: uno sfondo rigidamente disegnato alla risoluzione richiesta (in effetti, un'immagine come uno sfondo) più sprite - immagini bitmap di dimensione fissa, fissate in pixel (puoi indulgere alla nostalgia su msdn). In altre parole, sono in realtà le stesse icone del desktop con una dimensione rigidamente definita in pixel o caratteri raster. L'animazione dello sprite è stata effettuata posizionandone un altro, anch'esso predisegnato, al posto di uno sprite. Probabilmente non ti dirò come sono stati ridimensionati gli sprite: risparmierò i nervi dei lettori.

In linea di principio, anche il preferito di tutti 3D-i giochi della nostra infanzia, a partire da Wolfenstein 3D, utilizzavano gli sprite. L'indimenticabile Duke Nukem 3D può essere definito il loro canto del cigno. Questo è forse l'ultimo gioco di successo in cui i mostri erano sprite, nonostante il fatto che il mondo di gioco stesso fosse veramente tridimensionale da parecchio tempo.

Uno sprite statico può essere disegnato e persino animato magnificamente, ma il problema è che solo per una certa risoluzione e una certa scala. Non sopravviverà al ridimensionamento. In realtà, i terribili pixel di grandi dimensioni degli sprite sono proprio un esempio di ridimensionamento fallito. Pertanto, hanno gradualmente iniziato a essere sostituiti nei giochi con immagini vettoriali di persone e automobili. In questo modo puoi costruire veri e propri modelli bi e tridimensionali con tutti i vantaggi (la possibilità di espanderli a tuo piacimento, ridimensionarli, ecc.), ma anche gli svantaggi (richiedono notevoli risorse di calcolo per i calcoli). In generale, questo è stato l'impulso per lo sviluppo di tutte le schede video tridimensionali, che ora sono pateticamente chiamate GPU. Il mondo dei giochi è diventato completamente scalabile e, come bonus, completamente tridimensionale, ma al costo di un forte aumento dei requisiti per le risorse informatiche. Da allora, c'è stata una corsa costante: con l'aumento delle capacità di calcolo dell'hardware, aumenta la qualità dell'elaborazione e la complessità, il che aumenta le richieste di capacità di calcolo - e così via.

A sinistra c'è il gioco originale con mostri sprite e trame caratteristiche dell'epoca, a destra c'è il risultato del lavoro dei fan, che, tra le altre cose, hanno portato i mostri in forma tridimensionale.

Tuttavia, non affermiamo ancora di avere un'interfaccia tridimensionale. È importante per noi capire che le icone delle immagini raster non sono adatte al moderno concetto di visualizzazione delle immagini e, in tal caso, dobbiamo creare un nuovo paradigma per costruire un'interfaccia in cui tutti gli elementi possano essere liberamente ridimensionati a seconda del rapporto attuale di risoluzione e diagonale dello schermo. E questo compito sarà più difficile di quello di Apple (bastava ridisegnare le icone con una risoluzione doppia). Sebbene, in generale, quando si risolve questo problema, le tecnologie alternative siano ancora utilizzate quasi ovunque.

Quindi, nella prima parte abbiamo valutato il numero totale e la portata dei compiti che devono affrontare gli sviluppatori. Nella seconda parte successiva vedremo come viene risolto il problema del ridimensionamento dell'interfaccia in Windows, sia per il desktop tradizionale che per la nuova interfaccia (che in precedenza si chiamava Metro).

Cos'è il DPI? Non tutti conoscono la risposta a questa domanda. E questo articolo aiuterà.

DPI (punti per pollice): il numero di punti per pollice. Viene utilizzato per determinare la risoluzione dello schermo. Ma alcune persone confondono i DPI del monitor con i PPI (Pixel Per Inch). Quest'ultimo indica il numero di pixel per pollice.

Ad esempio: per un quadrato da un pollice, è necessario visualizzare un'immagine con una risoluzione di 96 dpi, dove ogni lato conterrà 96 pixel; Per la stampa su carta, sono necessari 600 pixel per lato quando la risoluzione DPI è 600.

Per fare un confronto: si parla di un'alta risoluzione delle fotografie (ad esempio, 3000x1500, dove la larghezza dell'immagine in pixel è 3000 e l'altezza è 1500). Ciò che puoi capire da questo è che l'immagine è piuttosto grande se visualizzata sullo schermo. Cosa succede se lo stampi? Ecco perché esiste il termine DPI, che determina il numero di punti che la stampante applicherà per pollice di carta.

Nota storica: monitorare i DPI

I vecchi monitor VGA dei primi anni '80 avevano risoluzioni DPI da 70 a 74, quando prodotti Apple simili (monitor Macintosh) avevano una risoluzione di 72 DPI, in cui un pixel corrispondeva a un vero indicatore tipografico di 1/72 di pollice.

Gli studi hanno dimostrato che la distanza dell'occhio umano dallo schermo del monitor è tre volte maggiore della distanza dalla carta (giornale, libro), quindi l'immagine sul monitor è notevolmente più piccola. Per un lavoro confortevole e il rispetto delle dimensioni effettive dell'immagine, si è deciso di impostare la risoluzione a livello di programmazione su 96 DPI. Ma in realtà i monitor avevano 70 - 74 DPI.

Solo più tardi IBM ha rilasciato un monitor con una risoluzione di 96 DPI. Subito dopo è stato realizzato il supporto software per 120 DPI. Ciò ha annullato il riferimento all'effettivo target tipografico di 72 DPI.

Cos'è DPI: modifica della risoluzione del monitor

Innanzitutto la modifica dei DPI influisce sulla corretta visualizzazione degli elementi e delle immagini sullo schermo; non si tratta di un modo per ingrandire o ridurre le icone. Se il testo sullo schermo con la risoluzione corretta sembra troppo piccolo, dovresti modificarne le dimensioni anziché modificare le impostazioni di risoluzione del monitor.

Un'altra caratteristica, se non addirittura un pericolo, di un'impostazione DPI errata è nascosta nella differenza visiva tra le dimensioni dell'immagine sullo schermo e i risultati di stampa. Nel campo del software e dello sviluppo software, un valore DPI impostato in modo errato può portare all'illeggibilità dell'interfaccia o del testo: un valore troppo grande (large) costringerà lo sviluppatore a ridurre l'area di lavoro (testo), cosa inaccettabile su schermi con un DPI impostato correttamente.

Esistono diversi consigli per sviluppatori e appassionati di software personalizzato. È meglio creare programmi o presentazioni utilizzando modelli, che elimineranno le incoerenze DPI. Qualsiasi interfaccia di questo tipo verrà visualizzata correttamente su qualsiasi monitor con risoluzioni diverse. Durante l'utilizzo, vale la pena preparare due disegni con valori DPI diversi (96 e 120). E con diverse risoluzioni del monitor, verrà selezionata l'immagine corrispondente.

Cos'è il DPI: conclusione

I programmi e i sistemi operativi moderni si concentrano su risoluzioni del monitor sia di 96 che di 120 DPI, il che è un grande vantaggio. Ma alcune schede video e driver del monitor consentono di impostare valori personali per testo, finestre di dialogo e altre piccole cose, il che porterà a una visualizzazione errata dell'immagine.

Per completare il quadro, spieghiamo ancora una volta cosa sta DPI utilizzando un semplice esempio. Le dimensioni fisiche del monitor rimangono comunque invariate, e quando la risoluzione passa da 1024x768 a 1280x1024 cambia anche il DPI. Lo schermo diventa visivamente più piccolo e appare molto spazio libero, ma tutti gli elementi del desktop e il carattere rimangono gli stessi. I pixel stessi si sono ridotti per adattarsi alla stessa area dello schermo, con le stesse dimensioni.

  • Traduzione

Windows, a partire da Vista, fornisce due meccanismi per adattare le applicazioni ai monitor ad alta densità di pixel (punti per pollice, DPI): caratteri di sistema più grandi e ingrandimento dell'intera finestra. Sfortunatamente, provare a far funzionare alcune delle tue applicazioni in entrambe le modalità potrebbe non funzionare, a causa di una combinazione di sviluppatori imprudenti e decisioni sbagliate prese da Microsoft.

Questa pagina ha lo scopo di aiutare gli utenti a comprendere e correggere i possibili problemi durante l'impostazione di impostazioni DPI elevate. Tieni presente che prenderemo in considerazione solo le applicazioni Windows tradizionali, non le applicazioni Windows Store (“Metro”, “Modern UI”). Questi ultimi utilizzano la nuova API WinRT, che fornisce il proprio meccanismo di ridimensionamento.

Dal traduttore

In questo articolo vengono utilizzate le seguenti abbreviazioni, che non ho ritenuto opportuno tradurre: Graphical User Interface (GUI), Dots Per Inch (DPI), DPI-Aware application - applicazioni che possono visualizzare correttamente la propria GUI a diversi valori DPI , senza distorsioni, Graphical Device Interface (GDI). I miei commenti (in corsivo).

Metodi di ridimensionamento

Tradizionalmente, le applicazioni desktop native di Windows utilizzano due meccanismi di visualizzazione:
  • Funzioni GDI (Graphical Device Interface) per l'accesso al display. In genere, le coordinate GDI vengono misurate direttamente in pixel dello schermo, indipendentemente dalle dimensioni del monitor e dalla densità dei pixel.
  • E output di testo utilizzando i caratteri del sistema Windows. Ciò non è richiesto, ma la maggior parte delle applicazioni utilizza i caratteri di sistema per la maggior parte della propria interfaccia utente grafica (GUI).
Inizialmente, la maggior parte dei monitor aveva una densità di pixel di circa 96 ppi. Quindi la GUI che utilizzava questa funzionalità sembrava praticamente la stessa su qualsiasi sistema. Ma con l'aumento della densità dei pixel, gli elementi GUI di tali applicazioni si riducono in termini di centimetri o pollici. (quelli veri, che si misurano utilizzando un righello attaccato al monitor). Piccoli testi e altri piccoli dettagli diventano sempre più difficili da vedere.

Per rimediare alla situazione, Microsoft ha deciso che sarebbe stata una buona idea creare una sorta di metodo di ridimensionamento in Windows. Uno dei due metodi descritti di seguito (Windows XP o Vista) viene utilizzato quando l'utente imposta il DPI su un valore superiore allo standard 96 dpi. Entrambi i metodi tentano di aumentare la dimensione degli elementi dell'immagine.

Ridimensionamento in stile Windows XP

Il primo di questi metodi, come puoi immaginare, è apparso in Windows XP. Questo metodo non è in realtà un metodo per ridimensionare le applicazioni GUI di per sé. Solo i caratteri di sistema e alcuni elementi dell'interfaccia utente del sistema vengono ridimensionati con impostazioni DPI più elevate (Lo definirei il "metodo NON ridimensionabile" in stile Windows XP).

Tutti gli altri elementi dell'applicazione vengono ancora visualizzati in scala 1:1. L'unica differenza nel loro aspetto è che qualsiasi testo e alcuni elementi della GUI emessi dalle funzioni di sistema diventano improvvisamente più grandi. Ad esempio, il testo sui pulsanti. Ciò causa ovvi problemi di cui parleremo poco dopo.

Ridimensionamento in stile Windows Vista o virtualizzazione DPI

Windows Vista ha introdotto una seconda opzione con uno strano nome, "display scaling", senza alcuna specifica, apparentemente per confondere completamente gli utenti. Utilizzeremo un nome più descrittivo: metodo di virtualizzazione DPI. Quando questo metodo è abilitato, Windows esegue comunque il ridimensionamento in stile Windows XP. Proprio come prima, le dimensioni di tutti i caratteri di sistema e di alcuni elementi dell'interfaccia di sistema stanno aumentando.

La differenza è che le applicazioni che possono utilizzare correttamente valori DPI elevati devono comunicarlo a Windows. Tali applicazioni devono impostare un nuovo flag DPI-Aware, chiamando la funzione API Win32 "SetProcessDPIAware" o, preferibilmente, incorporando un manifest con il flag dpiAware. Ma se l'applicazione non ha un flag DPI-Aware, Windows si comporta diversamente; prima crea un display interno con una scala di 96 dpi (emulando l'applicazione DPI di 96), quindi ridimensiona l'immagine risultante in modo che corrisponda alle impostazioni DPI correnti prima di visualizzarla sullo schermo.

Questo sarebbe un metodo di ridimensionamento fantastico se tutti i nostri monitor avessero la densità di pixel degli ultimi iPhone (326 ppi). Sfortunatamente non lo è. Le finestre delle applicazioni ridimensionate in questo modo appaiono troppo sfocate alla popolare risoluzione di 120 dpi (@homm, tra l'altro, questa non è una risoluzione). Pertanto, Microsoft disabilita la virtualizzazione DPI per impostazione predefinita se si seleziona una densità di pixel inferiore o uguale a 120 DPI.

Come modificare le impostazioni DPI

In Windows 7/8, aprire Pannello di controllo, quindi selezionare Aspetto e personalizzazione, quindi Display e infine selezionare Imposta dimensione carattere (DPI) (Windows 7) o Opzioni dimensioni personalizzate (Windows 7) (Windows 8). Verrà visualizzata la seguente finestra di dialogo (Windows 7, quasi identica in Windows 8):


Nell'elenco a discesa è possibile selezionare l'impostazione DPI desiderata in percentuale, dove 100% corrisponde a 96 DPI, 125% - come nello screenshot, corrisponde a 120 dpi (puoi scrivere più accuratamente il valore manualmente). Prima di Windows 8, il valore DPI (pixel per pollice) effettivo veniva visualizzato accanto alla dimensione del carattere del sistema. Windows 8, per ragioni sconosciute, non mostra il valore DPI, quindi devi calcolarlo tu stesso.

Puoi anche allegare un righello (che ha una scala in pollici) sullo schermo e provare a far corrispondere i contrassegni su di esso con i contrassegni sullo schermo modificando il valore nell'elenco a discesa. La casella cerchiata in rosso in basso determina se utilizzare solo lo scaling in stile Windows XP, oppure anche il nuovo metodo di virtualizzazione DPI. Se la casella di controllo non è selezionata, come nello screenshot, la virtualizzazione DPI è abilitata.

Declamazione. Questa finestra di dialogo è un esempio di interfaccia non intuitiva. A prima vista, sembra essere una casella di controllo per disabilitare il ridimensionamento, in stile Windows XP. Ma questo metodo di ridimensionamento (che ingrandisce solo i caratteri di sistema e altri elementi dell'interfaccia utente del sistema - ridimensionamento di Windows XP) è sempre abilitato quando si seleziona un valore DPI elevato. Questo flag controlla effettivamente se questo metodo sarà l'unico (Utilizzo soltanto scale in stile Windows XP) oppure verrà applicato il metodo "virtualizzazione DPI" anche per le applicazioni che non dispongono del flag DPI-Aware. Quindi questa casella di controllo non controlla il metodo di ridimensionamento specificato nel suo nome, ma controlla un altro metodo di ridimensionamento non menzionato da nessuna parte e consente l'utilizzo del nuovo metodo quando la casella di controllo non è selezionata!

Errore in Windows 8. Oltre a ciò, in Windows 8 questa è una finestra di dialogo di errore. Di norma, tutto funziona come in Windows 7, ma lo stato della casella di controllo non viene salvato con valori DPI pari o superiori al 150%. Quando selezioni questa casella, "Virtualizzazione DPI" è correttamente disabilitata. Tuttavia, la casella di controllo stessa rimarrà deselezionata la prossima volta che aprirai questa finestra di dialogo.

Modifiche in Windows 8.1 o perché è tutto sfocato?

In Windows 8.1, il flag di ridimensionamento in stile Windows XP è scomparso e ora la "virtualizzazione DPI" non viene mai utilizzata con valori DPI fino a 120 inclusi, ma viene sempre utilizzata con valori più alti per quei programmi che non dispongono del DPI -Bandiera consapevole. Se alcune applicazioni ti sembrano sfocate, devi disabilitare manualmente la virtualizzazione DPI per esse.

Windows 8.1 consente di utilizzare più monitor con valori DPI diversi. Tuttavia, questa funzionalità impone anche l'uso della "virtualizzazione DPI" per le applicazioni tradizionali che si spostano tra monitor con valori DPI diversi. Per evitare ciò, puoi disabilitare il "ridimensionamento DPI" nelle impostazioni utilizzando la nuova opzione "Voglio scegliere una scala per tutti i display".

Windows 8.1 aggiunge anche un interruttore speciale per l'impostazione 200% e una nuova API in modo che gli sviluppatori possano disabilitare selettivamente la "virtualizzazione DPI".

Aiuto, i caratteri del mio sistema non hanno la dimensione giusta!

A volte, dopo aver modificato le impostazioni DPI, potresti notare che alcuni caratteri di sistema sono troppo grandi o troppo piccoli per le nuove impostazioni. La causa probabile è che stai utilizzando un tema desktop personalizzato basato sulle vecchie impostazioni DPI. Windows non ridimensiona i caratteri del tema personalizzato.

Se hai effettivamente creato un tema desktop personalizzato e desideri mantenerlo, dovrai adattare tu stesso i caratteri alle nuove impostazioni DPI. Tuttavia, Windows ha la fastidiosa abitudine di creare "utilmente" temi personalizzati a tua insaputa, per qualsiasi motivo. Quindi, se non hai mai creato un tema desktop personalizzato, eliminalo e torna al tema standard.

In Windows 7/8, apri Pannello di controllo, seleziona Aspetto e personalizzazione, quindi Personalizza. Se vedi una voce selezionata nella riga I miei temi, significa che Windows sta utilizzando un tema utente i cui caratteri di sistema Windows non verranno ridimensionati. Seleziona un tema standard, come la prima voce in Temi Aero (Windows 7) o Temi predefiniti di Windows (Windows 8) ed elimina le voci indesiderate in I miei temi. Ora tutti i caratteri di sistema dovrebbero essere visualizzati correttamente.

Tipi di applicazioni, come scalano (o non scalano)

Ora diamo un'occhiata a quali metodi dovrebbero essere utilizzati per le applicazioni Windows esistenti con valori DPI elevati. La tabella seguente è generale; in seguito vedremo più nel dettaglio i vari casi.

Applicazioni a cui non interessa affatto il DPI- questi sono molto vecchi o scritti male, ma tuttavia ancora in uso. Un esempio famoso è iTunes di Apple per Windows. In questo caso, gli sviluppatori utilizzano i caratteri di sistema per la GUI e, senza preoccuparsi delle dimensioni effettive dei caratteri, cablano le dimensioni delle finestre a 96 DPI, distorcendo naturalmente la GUI quando valori DPI più elevati aumentano le dimensioni dei caratteri.

Tali applicazioni richiedono un nuovo metodo di ridimensionamento chiamato "virtualizzazione DPI", purtroppo questo spesso rende l'interfaccia sfocata. Altrimenti, ti imbatterai in problemi che vanno dal taglio del testo alla sovrapposizione dei controlli, a volte rendendo la GUI completamente inutilizzabile (per fortuna, questo accade raramente). Nel corso degli anni ho raccolto diversi screenshot di esempio di applicazioni errate.

Applicazione di esempio, funziona solo con DPI pari a 96

Risoluzione 150% (144 DPI)





Applicazioni che possono regolare la propria GUI su diversi valori DPI, ma non dispongono di un flag DPI-Aware- Queste sono le applicazioni tipiche dell'era di Windows XP. Qui gli sviluppatori si sono preoccupati di ottenere le dimensioni effettive dei caratteri del sistema prima di creare la GUI. Tali applicazioni vengono visualizzate correttamente quando si utilizza il ridimensionamento in stile Windows XP. Sfortunatamente, poiché non impostano il flag DPI-Aware per comunicare questo fatto a Windows, passeranno per impostazione predefinita alla "virtualizzazione DPI", rendendo poco chiara la loro GUI. Potrebbe non piacerti, quindi potresti voler forzare lo stile di ridimensionamento di Windows XP per tali applicazioni.

Un esempio di tale applicazione e una risoluzione del 150% (144 DPI)





Applicazioni che possono adattare la propria GUI a diversi valori DPI che hanno un flag DPI-Aware- Questo è l'ultimo tipo di applicazione completamente trasparente, indipendentemente dalle impostazioni DPI. Il flag DPI-Aware viene impostato automaticamente per le applicazioni Windows Presentation Foundation (WPF) e GDI+ perché queste API forniscono funzionalità di ridimensionamento integrate. Gli sviluppatori che utilizzano la vecchia API GDI e (sorprendentemente) Windows Form devono contrassegnare manualmente le proprie applicazioni compatibili con DPI.

Applicazioni che non sono adatte alle modifiche DPI, ma hanno un flag DPI-Aware- questo è ancora peggio che ignorare completamente il valore DPI. Negli esempi troverai applicazioni GUI che scalano bene fino a 120 DPI, ma non oltre, o applicazioni JavaFX. Non possiamo fare nulla qui, perché... Non abbiamo modo di forzare Windows a utilizzare la virtualizzazione DPI per tali programmi. Una volta impostato il flag DPI-Aware, l'applicazione deve ridimensionarsi. Possiamo solo "tormentare" gli sviluppatori affinché aggiustino il loro prodotto o utilizzino qualcos'altro.

Scegliere un metodo di ridimensionamento per le tue applicazioni

Una volta deciso di utilizzare un DPI elevato, la scelta del metodo di ridimensionamento dipende dalle applicazioni in esecuzione. Tieni presente che disabilitare la “virtualizzazione DPI” significa selezionare la casella con il nome errato “Utilizza scale stile Windows XP” e viceversa.
  • Se sei così incredibilmente fortunato da utilizzare solo applicazioni che supportano DPI e impostano il flag desiderato, non importa quale metodo di ridimensionamento scegli. Tutte le applicazioni utilizzeranno il ridimensionamento in stile Windows XP e la virtualizzazione DPI non verrà mai utilizzata.
  • Se utilizzi solo applicazioni DPI-Aware ben scritte, ma alcune di esse non impostano il flag richiesto, puoi disabilitare la "virtualizzazione DPI". In questo modo, tutte le applicazioni verranno visualizzate correttamente senza alcuna sfocatura dovuta al ridimensionamento. Se il tuo monitor ha una densità di pixel molto elevata, tale che le bitmap ridimensionate non appaiono più sfocate, potresti voler abilitare comunque la virtualizzazione DPI.
  • Se disponi di una o più applicazioni che non sono adatte alle modifiche DPI e non dispongono del flag DPI-Aware, devi abilitare la virtualizzazione DPI a meno che tu non sia disposto a sopportare GUI delle applicazioni distorte. Purtroppo qui sorge un altro problema perché Microsoft ha implementato questa opzione in modo maldestro. È possibile abilitare la virtualizzazione DPI solo per l'intero sistema, non per una singola applicazione, e quindi disabilitarla selettivamente per le singole applicazioni.

Ti ricordiamo che in Windows 8.1 non c'è più scelta in questa materia. Se stai utilizzando una risoluzione di 120 dpi (125%), ogni programma sarà costretto a utilizzare il ridimensionamento in stile Windows XP e se stai utilizzando una risoluzione più elevata, ogni programma che non supporta DPI utilizzerà l'impostazione predefinita " Virtualizzazione DPI".

Disattivazione della virtualizzazione DPI per singole applicazioni

Una volta che hai deciso di abilitare la virtualizzazione DPI o stai utilizzando Windows 8.1 con una risoluzione superiore a 120 dpi, puoi controllare il tuo sistema per le applicazioni DPI-Aware che non hanno il flag corrispondente. E restituisci loro la possibilità di utilizzare il ridimensionamento in stile Windows XP per cui sono stati progettati. Esistono due modi per farlo, il primo funziona solo per applicazioni a 32 bit, il secondo è universale e adatto anche ad applicazioni a 64 bit.

Applicazioni a 32 bit- È semplice: fai clic con il pulsante destro del mouse sul file eseguibile in Esplora risorse, seleziona la finestra di dialogo Proprietà, vai alla scheda Compatibilità e seleziona la casella di controllo "Disabilita ridimensionamento immagine su risoluzioni schermo elevate". Questo è tutto, in Windows 8.1 funziona anche per le applicazioni a 64 bit.

Applicazioni a 64 bit- Senza alcuna ragione apparente, forse per infastidire gli utenti di applicazioni a 64 bit, in Windows 8 e versioni precedenti, la casella di controllo sopra menzionata è disabilitata per le applicazioni a 64 bit, sebbene l'opzione stessa sia abbastanza funzionale se si apportano modifiche direttamente al registro! Quindi, avvia l'Editor del Registro di sistema e vai a questa chiave:

HKEY_CURRENT_USER\Software\Microsoft\Windows NT\CurrentVersion\AppCompatFlags\Layers

Ora aggiungi un valore stringa (REG_SZ) il cui nome è il percorso completo dell'eseguibile dell'applicazione e il cui valore è HIGHDPIAWARE. Ti consiglio di modificare prima alcune applicazioni a 32 bit come descritto sopra in modo da poter vedere alcuni valori di esempio in questa chiave di registro.

Abbiamo esaminato come utilizzare le impostazioni DPI su Windows Vista e versioni successive. E se ti sei mai chiesto a cosa serve l'opzione di compatibilità: "Disabilita il ridimensionamento delle immagini su risoluzioni dello schermo elevate". E perché non fa nulla sul tuo sistema, ora lo sai: è efficace solo se hai abilitato l'opzione "virtualizzazione DPI" a livello di sistema e solo per le applicazioni che non impostano correttamente il flag DPI-Aware ma continuano utilizzare il ridimensionamento correttamente in stile Windows XP.

46,2K

In questo articolo esamineremo in che modo la risoluzione dell'immagine influisce sulla qualità di stampa.

Ti è mai capitato di scaricare un'immagine da Internet e poi, una volta stampata, ottenere risultati più piccoli di quanto ti aspettavi? L'immagine aveva un bell'aspetto sullo schermo del tuo computer, ma quando l'hai stampata, veniva stampata nelle dimensioni di un francobollo o in dimensioni normali ma appariva sfocata o "a blocchi"? Il motivo è la risoluzione dell'immagine.

In realtà, questo non è del tutto giusto. Non è che la risoluzione dell'immagine sia impostata appositamente in modo tale da renderti infelice quando stampi una foto da Internet. Il problema è che la maggior parte delle foto su Internet hanno dimensioni in pixel molto piccole, in genere circa 640 pixel di larghezza per 480 pixel di altezza. O anche meno.

Perché l'immagine non deve essere molto grande per avere un bell'aspetto sullo schermo del computer. E anche perché le immagini piccole si caricano molto più velocemente di quelle più grandi ( questa è una questione completamente diversa che non toccheremo in questo articolo).

Allora cosa possiamo fare per far sì che le foto scaricate da Internet sembrino foto di alta qualità di una fotocamera digitale una volta stampate? La risposta è assolutamente nulla. Nella maggior parte dei casi, le foto online semplicemente non hanno abbastanza pixel per essere stampate ad alta qualità. Almeno se non li stampi in formato francobollo. Scopriamo perché.

Prima di tutto, allontaniamoci un po' dall'argomento del download di immagini da Internet in quanto tale, e dal fatto che in ogni caso non dovremmo farlo senza il permesso del titolare del copyright. Diamo un'occhiata alla risoluzione dell'immagine in generale.
Il termine " risoluzione dell'immagine" indica quanti pixel della tua foto si adatteranno a ciascun pollice di carta una volta stampata.

Ovviamente, poiché la tua foto ha un numero fisso di pixel, più pixel ci sono in un pollice, più piccola apparirà l'immagine sulla carta. Allo stesso modo, minore è il numero di pixel per pollice stampati, più grande sarà l'immagine.

Il numero di pixel per pollice durante la stampa è chiamato " risoluzione dell'immagine". La risoluzione dell'immagine determina la qualità di stampa dell'immagine. Non ha nulla a che fare con il modo in cui l'immagine viene visualizzata sullo schermo del computer. Ecco perché le foto scaricate da Internet tendono ad avere una qualità molto più elevata sullo schermo rispetto a quando le stampi.

Prendiamo come esempio una foto:

Non è una bella foto di un cavallo

Non posso fare a meno di ridere ogni volta che vedo questa foto di un cavallo che ho scattato mentre guidavo in campagna. Normalmente questo cavallo è un animale fiero, potente, dignitoso, ma mi sembra di averlo colto in una posizione piuttosto antiestetica. È in piedi ad un'angolazione un po' strana, con la paglia che le pende dalla criniera, e penso di averla sorpresa a masticare il cibo.

O è così oppure sta cercando disperatamente di sorridermi. In ogni caso, questo cavallo è già imbarazzato perché l'ho preso in un momento simile. Usiamo questa immagine come esempio.

Innanzitutto, vediamo cosa può dirci Photoshop sulle dimensioni attuali di questa foto. Vado al menu "Immagine" nella parte superiore dello schermo e seleziono " Dimensione dell'immagine", dopo di che appare una finestra di dialogo con il nome corrispondente " Dimensione dell'immagine«:

La finestra di dialogo Dimensione immagine mostra la dimensione corrente della foto

Finestra di dialogo " Dimensione dell'immagine"è diviso in due parti principali: " Dimensioni in pixel"in alto e" Dimensioni documento"direttamente sotto di esso.

« Dimensioni in pixel" indica quanti pixel contiene la nostra immagine. " Dimensioni documento" ci dice quanto grande apparirà l'immagine sulla carta se la stampiamo. Se guardiamo la sezione " Dimensioni in pixel", allora vediamo che questa foto ha una larghezza di 1200 pixel e un'altezza di 800 pixel. Potrebbe sembrare un numero enorme di pixel ( 1200 per 800 = 960000 pixel!).

E questo, ovviamente, sarebbe il caso se stessimo visualizzando un'immagine sullo schermo di un computer. Infatti, a 1200 x 800, l'immagine potrebbe essere troppo grande per adattarsi interamente al tuo monitor!

Ma solo perché sembra bello e grande sullo schermo non significa che sarà bello e grande sulla stampa. Almeno non con un alto grado di qualità. Diamo uno sguardo più da vicino a cosa contiene la sezione " Dimensioni documento»:

La sezione Dimensioni documento indica quanto grande o piccola sarà la foto una volta stampata a una determinata risoluzione.

Capitolo " Dimensioni documento" la finestra di dialogo " Dimensione dell'immagine" ci permette di sapere due cose: qual è la risoluzione attuale della nostra immagine e quanto grande o piccola sarà l'immagine se la stampiamo in base a quella risoluzione.

Al momento la nostra risoluzione è impostata su 72 pixel/pollice, il che significa che dei 1200 pixel che compongono il bordo da destra a sinistra della foto (la larghezza), ci saranno 72 pixel per ogni pollice di carta. E degli 800 pixel che compongono la dimensione dell'immagine dall'alto al basso (altezza), ci saranno anche 72 pixel per ogni pollice di carta.

Il valore nel campo Risoluzione è determinato per la larghezza e l'altezza, non per il numero totale di pixel. In altre parole, per ogni pollice quadrato di carta ci saranno 72 pixel per pollice di altezza e larghezza. Il numero totale di pixel stampati in ogni pollice quadrato di carta sarebbe quindi 72 x 72 ( 72 pixel di larghezza e 72 pixel di altezza). Il che ci dà 5184 pixel!

Facciamo qualche semplice calcolo per assicurarci che la larghezza e l'altezza mostrate nel riquadro " Dimensioni documento"è corretta. Lo sappiamo dalla sezione " Dimensioni in pixel"che abbiamo 1200 pixel da sinistra a destra e 800 pixel dall'alto verso il basso. La risoluzione di stampa è attualmente impostata su 72 pixel/pollice.

Per capire quanto sarà grande la nostra immagine una volta stampata, dobbiamo solo dividere il numero di pixel da sinistra a destra per 72, che ci darà la larghezza della nostra immagine una volta stampata. E dividi anche il numero di pixel dall'alto verso il basso per 72, che ci darà l'altezza durante la stampa. Facciamolo:

1200 pixel di larghezza diviso per 72 pixel per pollice = 16,667 pollici di larghezza
800 pixel divisi per 72 pixel per pollice = 11.111 pollici di altezza

In base ai nostri semplici calcoli, con una risoluzione di 72 pixel/pollice (ppi in breve), la nostra immagine sarebbe larga 16,667 pollici e alta 11,111 pollici una volta stampata. E se guardiamo la sezione " Dimensioni documento" Ancora:

Conferma le dimensioni di stampa nella sezione Dimensioni documento

Questo è esattamente ciò che viene affermato qui! Wow, una foto da 1200 x 800 pixel è abbastanza grande da poter essere stampata a 11 x 14 pollici, possiamo anche rimpicciolirla un po'! Sorprendente!

Sfortunatamente no. Se solo tutto nella vita fosse così semplice.

Il fatto è che 72 pixel per pollice non sono sufficienti per darci un'immagine stampata nitida, di buona qualità e dall'aspetto professionale. Neanche vicino. Per darti un'idea di cosa intendo, ecco un'approssimazione di come apparirebbe la foto su carta se provassimo a stamparla a 72 pixel per pollice.

Dovrai usare un po' la tua immaginazione. Prova a immaginare che sia 11 x 16 pollici:

Che aspetto avrà una foto su carta stampata con una risoluzione di soli 72 pixel per pollice?

Non sembra troppo bello, vero? Il problema è che 72 pixel per pollice forniscono troppo poche informazioni sull'immagine per stampare una foto nitida e chiara su carta. È come se non fosse stato spalmato abbastanza burro di arachidi su una grande fetta di pane tostato. La foto ora appare sfocata, noiosa e generalmente poco attraente.

Non lo vediamo sullo schermo di un computer perché i monitor dei computer sono generalmente definiti dispositivi a bassa risoluzione. Anche una foto con dimensioni in pixel relativamente piccole, come 640 x 480, avrà un bell'aspetto sullo schermo di un computer.

Le stampanti, tuttavia, sono dispositivi ad alta risoluzione e se desideri che le tue foto vengano stampate chiaramente e mostrino tutti i dettagli più fini, hai bisogno di una risoluzione molto superiore a 72 pixel per pollice.

Qual è quindi la risoluzione massima necessaria per una stampa di qualità professionale? È generalmente accettato che si tratti di 300 pixel per pollice. La stampa di un'immagine a 300 pixel per pollice comprime i pixel abbastanza da mantenere la nitidezza.

In effetti, 300 di solito sono poco più del necessario. Spesso puoi vedere le foto con una risoluzione di 240 dpi senza alcuna perdita evidente nella qualità dell'immagine. Tuttavia, lo standard professionale è di 300 pixel per pollice.

Prendiamo la stessa immagine, con la stessa larghezza di 1200 pixel e altezza di 800 pixel, quindi cambiamo la risoluzione da 72 pixel per pollice a 300 pixel per pollice e vediamo cosa succede.

Ecco la finestra di dialogo " Dimensione dell'immagine» con una nuova risoluzione di 300 pixel per pollice. Si prega di notare che nella sezione " Dimensioni in pixel"in alto abbiamo ancora 1200 pixel di larghezza e 800 pixel di altezza.

L'unica cosa che è cambiata è la nostra risoluzione: da 72 a 300:

La risoluzione di stampa è stata modificata a 300 pixel per pollice

Il fatto che la risoluzione sia aumentata da 72 a 300 pixel per pollice significa che dei 1200 pixel di larghezza della nostra immagine, 300 pixel vengono stampati su un pollice di carta. E su 800 pixel di altezza, ne vengono stampati 300 per ogni centimetro di altezza della carta. Naturalmente, con così tanti pixel per pollice di carta, la foto stampata sarà molto più piccola.

E, naturalmente, la sezione Dimensioni documento ora dice che la nostra foto verrà stampata a soli 4 pollici di larghezza per 2,667 pollici di altezza:

La foto verrà ora stampata in dimensioni molto più piccole rispetto a prima

Da dove vengono questi nuovi valori di larghezza e altezza? Ancora una volta, alcuni semplici calcoli:

1200 pixel di larghezza diviso per 300 pixel per pollice = 4 pollici
800 pixel di altezza divisi per 300 pixel per pollice = 2,667 pollici

La foto verrà ora stampata in dimensioni molto più piccole rispetto a 72 dpi. Ma ciò che perdiamo in termini di dimensioni fisiche viene più che compensato dalla qualità dell’immagine. A 300 pixel per pollice ( o anche a 240 pixel per pollice) godremo di risultati chiari e di qualità professionale:

Una risoluzione di stampa più elevata comporta dimensioni fotografiche più piccole, ma la qualità dell'immagine è molto più elevata.

Naturalmente, la maggior parte delle persone non stampa le proprie foto in formati personalizzati come 4 x 2.667. Quindi, come possiamo assicurarci di ottenere risultati di qualità professionale quando stampiamo in un formato più standard come 4 x 6? Ottima domanda, e possiamo ottenere la risposta ricorrendo nuovamente alla noiosa aritmetica.

Supponiamo che tu abbia scattato delle foto della tua recente vacanza in famiglia, scattate con una fotocamera digitale, e desideri stamparne alcune su una stampante 4 per 6. Ora sappiamo che per ottenere foto di qualità professionale, dobbiamo impostare la risoluzione delle immagini ad un minimo di 240 pixel per pollice. Sebbene lo standard ufficiale sia 300 pixel per pollice.

Diamo un'occhiata a entrambe queste risoluzioni per vedere quanto devono essere grandi le immagini della fotocamera per poterle stampare in buona qualità a 4 x 6. Innanzitutto, consideriamo 240 pixel per pollice.

Per capire quanto devono essere grandi in pixel le nostre immagini affinché possano essere stampate a 4 x 6 in qualità professionale, dobbiamo solo moltiplicare 240 per 4 per la larghezza, e poi 240 per 6 per l'altezza ( o viceversa, a seconda che le tue foto siano in orientamento orizzontale o verticale).

Facciamolo:

240 pixel per pollice x 4 pollici di larghezza = 960 pixel
240 pixel per pollice x 6 pollici di altezza = 1440 pixel

In base a questi calcoli, vediamo che per poter stampare una foto digitale in formato 4 x 6 a 240 pixel per pollice, e mantenere comunque un'ottima qualità, la dimensione dei pixel della foto deve essere almeno di 960 x 1440. Vediamo anche quanti pixel se una foto dovesse avere complessivamente 960 volte 1440 otteniamo 1382400 pixel.

Arrotondiamo questo valore a 1.400.000 pixel. Può sembrare un numero elevato, ma in realtà lo è. 1,4 milioni è il numero minimo di pixel necessari per stampare una foto 4 x 6 alla risoluzione minima di qualità normale di 240 pixel per pollice.

La buona notizia è che la maggior parte delle fotocamere digitali oggi sul mercato sono da 5 MP (“ mega pixel" o "milioni di pixel") e superiore. Quindi non avrai problemi a ottenere stampe 4 x 6 di buona qualità anche a 300 ppi.

Naturalmente non abbiamo ancora calcolato esattamente quanti pixel dobbiamo avere per stampare una foto 4 x 6 di qualità professionale a 300 pixel per pollice. Facciamolo. Utilizzeremo la stessa semplice formula descritta sopra.

Moltiplicheremo 300 per 4 e poi 300 per 6 per ottenere le dimensioni in pixel di cui avremo bisogno:

300 pixel per pollice x 4 pollici di larghezza = 1200 pixel
300 pixel per pollice x 6 pollici di altezza = 1800 pixel

Facciamo un altro rapido calcolo per vedere quanti pixel ci servono in totale:

1200 pixel di larghezza moltiplicati per 1800 pixel di altezza = 2160000

Pertanto, per stampare foto 4 x 6 in buona qualità utilizzando lo standard professionale di 300 pixel per pollice per la risoluzione, la nostra foto deve essere larga 1200 pixel e alta 1800 pixel (o viceversa). Ciò significa che dovremmo avere un totale di 2.160.000 pixel. Il che, ancora una volta, non dovrebbe essere un problema per la maggior parte delle fotocamere digitali sul mercato da 5 MP o superiori.

Ma cosa succede se hai una foto che adori e pensi che meriti di essere stampata in 8 x 10 anziché 4 x 6? Quanto deve essere grande un'immagine affinché abbia un bell'aspetto una volta stampata a 8 x 10? La risposta a questa domanda è facile da dare come prima.

Tutto quello che devi fare è moltiplicare il valore della risoluzione in pixel per pollice per la larghezza in pollici, quindi fare lo stesso per l'altezza.

Usiamo prima la risoluzione 240 ppi:

240 pixel per pollice x 8 pollici di larghezza = 1920 pixel
240 pixel per pollice x 10 pollici di altezza = 2400 pixel

Pixel totali = 1920 pixel di larghezza x 2400 pixel di altezza = 4.608.000 pixel.

In base ai risultati del calcolo, vediamo che per stampare una foto di buona qualità in formato 8 x 10, l'immagine deve essere larga 1920 pixel e alta 2400 pixel (o viceversa). Un totale di circa 4,6 milioni di pixel.

Stiamo iniziando ad avvicinarci ai limiti delle capacità tecniche delle fotocamere digitali. Una fotocamera digitale da 4 megapixel non ci basterà più per poter stampare un'immagine in formato 8 x 10 con una risoluzione di 240 pixel per pollice. Una perdita di circa 600.000 pixel non è troppo significativa. Sarai comunque in grado di stampare un'immagine 8 x 10, ma probabilmente non otterrai una qualità professionale.

Facciamo gli stessi calcoli per un formato 8 x 10 a 300 pixel per pollice:

300 pixel per pollice x 8 pollici di larghezza = 2400 pixel
300 pixel per pollice x 10 pollici di altezza = 3000 pixel

Pixel totali = 2400 pixel di larghezza x 3000 pixel di altezza = 7.200.000 pixel

Ora stiamo davvero andando oltre i limiti di alcune fotocamere digitali. Per poter stampare una foto 8 x 10 a 300 pixel per pollice, la nostra foto dovrebbe essere larga 2400 pixel e alta 3000 pixel (o viceversa), per un totale di 7,2 milioni di pixel! Ora è davvero molto!

Ciò significa che devi avere una fotocamera digitale da almeno 7,2 megapixel. In questo modo potrai stampare le tue foto in formato 8 x 10 e ottenere comunque foto di qualità professionale. Naturalmente, non dimenticare che la maggior parte delle foto richiede almeno un piccolo ritaglio, il che significa che perderai qualche pixel in più.

Se sai che stamperai molte foto 8 x 10, ti consigliamo vivamente di investire in una fotocamera di qualità da 8 megapixel o superiore.

Fondamentalmente è tutto!

Questa pubblicazione è una traduzione dell’articolo “ Risoluzione dell'immagine e qualità di stampa", preparato dal simpatico team di progetto