Che cos'è esattamente un "Pixel"?

"Pixel" mi confonde sempre ogni volta che lavoro sul banner web.

Uso CorelDraw x5 per il mio lavoro. Di solito preferisco usare i pollici piuttosto che i pixel poiché i pollici sono molto intuitivi per me. Ma quando eseguo una conversione da "pollici a pixel", mi confondo.

• In CorelDraw: 1 inch = 300px.

• A AuctionRepair.com : 1 inch = 75 pixels.

• A UnitConversion.org : 1 inch = 96 pixels.

Ora il mio cliente chiede banner 1900x1200px. Come devo fare la conversione?

Basti pensare al pixel come a un atomo. L'atomo è una più piccola particella di materia. Dove come pixel è una particella più piccola dell'immagine digitale.

Un atomo ha neutroni, protoni ed elettroni mentre un pixel ha valori di rosso, verde e blu :)

Il numero di pixel per pollice o centimetro (cm) ecc. È chiamato "risoluzione".

Una risoluzione più alta significa più pixel per unità di lunghezza.

Se stai progettando per il web / desktop, puoi dirlo 1 Inch = 72 pixels

Per la stampa offset (di solito viene utilizzata una risoluzione di 300), si può dire 1 inch = 300 pixels

La risoluzione di stampa si chiama DPI che significa "punti per pollice". I pixel sono i punti. Più alto è il numero di punti, più fine sarà il risultato di stampa.

Ora il mio cliente chiede banner 1900x1200px. Come devo fare la conversione?

Se il tuo cliente ti fornisce le dimensioni in pixel, allora deve essere qualcosa per desktop / web e puoi progettarlo con una risoluzione di 72.

Se ha bisogno di qualcosa per la stampa, allora devi chiedergli la risoluzione o la dimensione in pollici, cm, ecc.

Se un mio cliente ha richiesto un'immagine 1920x1080px, la prima cosa che devo sapere è l'uso previsto. È per il web, la stampa o entrambi?

Nel mondo della stampa, un pixel (o elemento immagine - [pict-el]) non ha significato o definizione. I pixel non possono essere misurati in alcun modo. Non hanno dimensioni o unità predefinite per calcolare le loro dimensioni. Pertanto non sono un termine "mondo reale". Sono rigorosamente un termine digitale e si riferiscono solo al mondo digitale.

In senso lato, un pixel è il piccolo punto su uno schermo o un monitor che è colorato dalla luce, sia retroilluminato (CRT), LED, plasma o altre tecnologie. Ognuno di questi piccoli, diversi colori, punti (pixel) quando messi insieme formano un'immagine per l'occhio umano. Per usare un'analogia del mondo reale, pensala come un muro di mattoni ... ogni pixel sarebbe un mattone ... l'immagine sarebbe il muro.

In molte app e per molte persone, 1 pixel = 1 punto. (Adobe usa persino questa teoria.) Tuttavia, neanche questo è del tutto accurato. Un punto è semplicemente la più piccola unità di misura utilizzata dalla maggior parte dei designer nel mondo reale, al contrario del mondo digitale.

Non esiste nulla di simile a 1 pollice = 72 px o qualcosa di simile anche a distanza. Ogni schermo sulla terra ha una densità di pixel diversa . Quanti pixel si adattano a un pollice dipende interamente dalla densità dei pixel del monitor.

Quando lavori in Photoshop per il Web, ciò che inserisci nel Resolutioncampo per un nuovo documento è in gran parte irrilevante. Un'immagine destinata al Web (o allo schermo) utilizzerà la larghezza e l'altezza dei pixel e non farà alcun riferimento all'impostazione della risoluzione. Vedi qui per maggiori informazioni sulla risoluzione (ppi) e sul web / schermo: è obbligatorio mantenere le immagini a 72 DPI per il web design? Per il web, l'unica differenza che offre il campo di risoluzione è che ti consente di creare lavori più dettagliati in Photoshop. Ma all'uscita, il campo di risoluzione viene ignorato, usando Save for Web. Se si utilizza Exportpiuttosto che Save for Webla risoluzione viene utilizzata per modificare la larghezza e l'altezza dei pixel dell'immagine in base al proprio sistema operativodi tutte le cose. Le applicazioni Macintosh presumono che ogni pollice contenga 72 pixel e l'applicazione Windows supponga che ogni pollice contenga 96 pixel. Nessuno di questi è veramente preciso o vero, ma gli ingegneri hanno dovuto usare qualcosa . Pertanto, una risoluzione più elevata Exportcomporta una larghezza e un'altezza dei pixel maggiori.

Ora dove la stampa incontra i pixel ..... risoluzione o punti per pollice (DPI). DPI è essenzialmente la densità dei punti che viene creata da un photosetter (o platemaker) durante la stampa di lastre di stampa. Tutte le immagini da stampare devono passare attraverso un processo di mezzetinte . Oltre a una schermata di linea specifica o Lines Per Inch (LPI) che determina quante righe di punti verranno stampate. La densità dei punti nel semitono determina il livello di dettaglio e la qualità dell'immagine stessa. Un semitono con DPI e LPI più alti sembrerà molto meglio di un semitono con DPI bassi e LPI bassi. Se cerca una correlazione tra schermo e stampa, l'utente più comune trova un po 'di logica pensando che 1 pixel = 1 punto. Questo non lo èdel tutto accurato, ma è abbastanza vicino da non costituire un problema se si utilizza questo presupposto. È qui che le persone scambiano i termini PPI e DPI pensando che siano la stessa cosa. In realtà, non sono affatto gli stessi, ma non c'è nulla di male nel pensare che lo siano.

Per i lavori di stampa, il Resolutioncampo nella nuova finestra del documento di Photoshop è fondamentale. Molto spesso si desidera una risoluzione di 260 o superiore per le immagini di stampa. Ciò equivale a 260 DPI, che è l'impostazione ottimale per 175LPI (uno schermo di linea comune). 300 dpi viene utilizzato più spesso perché è un numero piacevole, uniforme, rotondo da ricordare e più DPI non è mai un problema. Il calcolo complessivo è in realtà 1,5 volte l'LPI uguale al DPI. Quindi 1,5 x 175 = 262,5. Quindi è arrotondato a 300 dpi.

Se conosci l'uso previsto .....

• Se è per il web o lo schermo, basta creare un nuovo documento a 1920x1080px e qualunque risoluzione tu voglia. Una risoluzione più alta ti consentirà di lavorare in modo più dettagliato in Photoshop, ma non cambierà l'output web / schermo dell'immagine. Indipendentemente dalla risoluzione (ppi), l'immagine verrà comunque emessa a 1920x1080 pixel (utilizzando Salva per Web).

• Se l'immagine è per la stampa o entrambe, userei Photoshop per darmi un'idea delle dimensioni fisiche quando stampate. Basta creare un nuovo documento con le misure 1920x1080 e inserire 300 per la risoluzione.

Ora passa il menu a discesa "pixel" a Pollici:

Questo sta usando la teoria interna 1px = 1pt di Adobe, che è buona come una qualsiasi. Ma ti dà un'idea generale che l'immagine sarà all'incirca 6.5 "x3.5". Verificherei quindi con il cliente per verificare che un'immagine 6.5x3.5 "soddisfi le sue esigenze.

Salve [cliente],

Un'immagine di 1920x1080 pixel equivale a circa 6,5x3,5 pollici per la produzione di stampe. Quella taglia funzionerà per te? Dovrei andare più grande per la stampa?

Grazie!

C'è un articolo di informatica (davvero, divertente promemoria) intitolato "Un pixel non è un quadratino" di Alvoy Ray Smith.

Un pixel è un esempio di punto . Esiste solo a un certo punto. Per un'immagine a colori, un pixel potrebbe effettivamente contenere tre campioni, uno per ciascun colore primario che contribuisce all'immagine nel punto di campionamento. Possiamo ancora pensare a questo come a un campione puntuale di un colore. Ma non possiamo pensare a un pixel come a un quadrato o ad altro che a un punto.

Un pixel non è un quadratino,
un pixel non è un quadratino,
un pixel non è un quadratino!
(E un Voxel non è un piccolo cubo)

Il termine "pixel" è l'abbreviazione di "elemento immagine".

Un'immagine è composta da pixel, che sono solo punti colorati in un rettangolo, senza dimensioni .
Per mostrare l'immagine, utilizziamo uno schermo in grado di mostrare punti colorati e dobbiamo decidere quali punti vogliamo mostrare dove .

Guardando i dettagli, l'immagine è composta da punti separati, ognuno con un colore separato. Come quando riempiresti le scatole su carta quadriglia di colori, una per ogni scatola. Tranne - importante - che non c'è carta (che ha una dimensione) e che le scatole non hanno una dimensione fisica. Si tratta solo di quale punto di colore è sotto o a destra di quale altro .

Se pensi alle dimensioni dell'immagine sullo schermo, è come mostrare questo "foglio" sullo schermo, ma non abbiamo idea di quanto sia "grande" in termini di pollici o mm.

Quando vogliamo visualizzare l'immagine sullo schermo, vediamo che lo schermo ha anche "scatole" che possono mostrare i colori. Entrambi sono chiamati pixel, ma tecnicamente sono qualcosa di diverso.

La cosa più semplice che possiamo fare è assegnare a ciascuno dei nostri riquadri colorati la "carta" a una casella colorata sullo schermo.
Quindi, le dimensioni sullo schermo, in centimetri reali effettivi, dipendono dalla dimensione di questi punti dello schermo .

Se abbiamo bisogno di una certa dimensione, possiamo fare qualcosa di diverso:
possiamo solo decidere noi stessi quanto dovrebbe essere grande l'immagine . Dobbiamo sapere quanto sono grandi i punti dello schermo. Quindi, per ogni riga, possiamo calcolare quanti punti dello schermo possiamo usare per i nostri punti di colore. Per adattarlo, se abbiamo più punti dello schermo rispetto ai punti di colore, dobbiamo usare alcuni punti di colore più volte o, se ne abbiamo di meno, lasciarne un po 'fuori.

Un'altra confusione per completare la discussione:

Nella progettazione e nel layout del sito Web, un "pixel CSS" è sempre uguale a 1/96 di un "pollice CSS" , indipendentemente dalla risoluzione dello schermo. Ciò è stato fatto perché così tanti primi siti Web utilizzavano misurazioni basate su pixel per il layout assumendo una risoluzione dello schermo standard. Affinché le dimensioni effettive del testo e degli altri contenuti siano rimaste coerenti, i browser Web trovano una conversione approssimativamente uniforme tra pixel dello schermo e unità "px" del layout e regolano la loro interpretazione dei pollici in modo che vi sia sempre un rapporto coerente tra "px" e " nel". Lo stesso vale per tutte le unità basate su pollici, come "pt" per il carattere: la dimensione del carattere 12pt è sempre uguale alla dimensione del carattere 16px .

Ora che le risoluzioni dello schermo sono generalmente molto migliori di 96 px per pollice, il concetto di "punti" è stato preso in prestito dal mondo della stampa per parlare della reale risoluzione fisica dello schermo. C'è anche un'unità di punti per pixel (dppx) per descrivere la risoluzione fisica proporzionale al pixel CSS standard. Ad esempio, i nuovi schermi "Retina" per Mac e iPhone hanno una risoluzione di 2dppx.

Per la tua situazione, faccio eco ai consigli degli altri: chiedi al tuo cliente di chiarire ciò che è necessario. Detto questo, generalmente se qualcuno chiede arte con la misurazione dei pixel, la sta usando per i siti Web. Crea la tua immagine esattamente con le dimensioni in pixel che ti chiedono e imposta il tuo software di fotoritocco in modo che utilizzi una risoluzione di 96 dpi per disporre i righelli e le dimensioni del testo nelle unità che ritieni più comode.

Detto questo, potrebbe non essere male creare effettivamente la tua immagine con una risoluzione doppia (cioè 192 dpi), al fine di avere una versione adatta agli schermi Retina se il tuo client scopre che lo desidera. Quindi, il tuo software di immagine dovrebbe avere un modo semplice per salvare l'immagine con una risoluzione inferiore e dimensioni del file più piccole. È molto facile convertire un'immagine ad una risoluzione inferiore rispetto al contrario!

I pollici sono dimensioni fisiche mentre i pixel sono dimensioni dello schermo. Alla stessa risoluzione, un pixel è fisicamente più grande su uno schermo più grande, poiché la densità o PPI (pixel per pollice) è controllata dalla dimensione fisica dello schermo rispetto alla risoluzione. Quindi, quando si convertono i pixel in pollici, tutto si riduce a ciò che si desidera siano i pixel per pollice (PPI). Se vuoi 300ppi (standard per la stampa), stai semplicemente dicendo "stringi 300 pixel in un pollice del mondo reale". Ciò si traduce in una qualità più densa rispetto a se si chiedesse 72ppi, poiché meno pixel equivalgono a meno informazioni di qualità stipate in quel pollice.

Gli schermi sono generalmente considerati 72ppi, ma questo è solo un valore predefinito ed è completamente irrilevante per le dimensioni effettive dello schermo. La stessa risoluzione 1920x1080 potrebbe essere 10ppi sullo schermo di uno stadio o 400ppi su un telefono cellulare.

Un pixel non ha alcuna correlazione con le misurazioni del mondo reale. Pertanto, non è possibile convertire pollici in pixel in modo coerente. È tutto arbitrario e dipende da cosa stai facendo a che fare con l'immagine alla fine.

Che cosa è un pixel nel contesto di un'immagine digitale? È il più piccolo elemento unico all'interno dell'immagine. Gli verrà assegnato un colore. Letteralmente si riferisce a un singolo "elemento grafico" .

Immagina di avere una lampadina che puoi accendere e spegnere. Questo è fondamentalmente un display 1x1 pixel, in cui la lampadina è il pixel. Ora acquista qualche altra lampadina e disponile in modo quadrato 10x10. Se li colleghi in modo da poterli accendere e spegnere ciascuno come desideri, hai un display grezzo con 10x10 "pixel". Puoi anche disegnare forme di base su di esso.

Ora, se ti allontani abbastanza da questo display a lampadina, l'occhio alla fine non può più distinguere tra quelle singole lampadine e tutto ciò che vedrai sarà una forma continua anziché singoli pixel. Ciò accade, poiché l'occhio ha una risoluzione di scansione limitata, se ci sono più punti (lampadine) per pollice di quanti l'occhio possa riconoscere, i pixel si trasformano in un'immagine. La risoluzione dei tuoi occhi è di circa 300 punti per pollice (DPI). Se prendi una lente d'ingrandimento e dai un'occhiata al tuo monitor, vedrai che è composta anche da minuscole lampadine (LCD), solo molte altre. Circa 2.073.600 (1920x1080) su uno schermo Full HD, tre volte, poiché ce n'è uno per ogni colore RGB, che i tuoi occhi non riescono a vedere, poiché sono troppo piccoli.

Ora, ovviamente, ciò che il tuo occhio può percepire come singoli punti o meno dipende non solo dalla disposizione dei punti (quanto vicini sono insieme) ma anche dalla distanza che sei a quello "schermo". Ecco perché DPI è un termine relativo in diversi modi. Se prendi la stessa schermata e ti avvicini troppo, puoi vedere i pixel. Se sei troppo lontano, non puoi più leggere ciò che è sullo schermo, anche se il DPI e la risoluzione (quantità di pixel) non sono mai cambiati.

Per questo e molti altri motivi durante la creazione del primo monitor per computer è stata scelta una risoluzione standard di 72 DPI (Apple) o 96 DPI (Microsoft). Questo è un buon compromesso tra la distanza che l'utente dovrebbe essere lontano dallo schermo e i limiti tecnici di quell'età. Ma anche oggi, la maggior parte degli schermi segue questa risoluzione approssimativamente. Ecco perché più grande è lo schermo, maggiore è la quantità di pixel.

Ora, se conosci la risoluzione DPI del tuo monitor, è molto facile capire quanti pixel ci sono in ogni pollice quadrato. Se ad esempio vuoi disegnare un quadrato di 1x1 pollici² su un monitor, puoi facilmente determinare quanti pixel deve essere questa immagine (72x72 o 96x96). Ma è altrettanto ovvio che questa immagine sarà più grande o più piccola su altri schermi che hanno una diversa risoluzione DPI. Il testo leggibile su uno schermo da 24 "a 96 DPI potrebbe essere troppo piccolo su un iPhone da 4" a 300 DPI, perché quei 96 pixel (1 pollice) su 24 "sono solo pochi mm sul telefono.

Quindi, se il tuo cliente ti chiede di creare un'immagine a 1900x1200 px, le tue prime domande dovrebbero essere: per quale dispositivo?

Per risolvere il dilemma di pagine Web o applicazioni che dovrebbero apparire bene su dispositivi diversi, sono stati inventati formati che non funzionano con i pixel ma con una lunghezza in cm o mm. L'immagine risultante viene quindi renderizzata in base alle capacità del dispositivo, assicurando che un quadrato di 10x10 cm sia ancora 10x10 indipendentemente dallo schermo in cui viene visualizzato. Ma questo formato non può ovviamente essere un formato pixel, ma sarà un formato vettoriale .

Mentre questo risolve il problema Mac / Windows / Altro, non risolverà un'enorme differenza di dimensioni. L'immagine di esempio sarà 10x10 cm su ciascun dispositivo, ma potrebbe coprire l'intero schermo di un telefono cellulare. Questo problema non è ancora del tutto risolto, ma la maggior parte delle aziende ha una qualche forma di soluzione. Ma nella maggior parte dei casi devi effettivamente sviluppare almeno due pagine, una per desktop standard, una per telefoni cellulari e infine anche una per tablet.

Ci sono già un sacco di risposte utili, ma volevo forse spiegarlo in un modo diverso.

Richiedendo un'immagine di 1900x1200 pixel, il tuo cliente non ti dice nulla delle dimensioni di cui ha bisogno. Dimenticando la parola "pixel" per un momento, il cliente ti sta semplicemente dicendo di quanti dettagli hanno bisogno (es. La risoluzione). Potrebbero semplicemente voler ridimensionarlo da soli come richiedono.

Se hai bisogno di usare i pollici per i tuoi scopi, dal momento che scopri che la misurazione è più facile da gestire durante lo sviluppo della tua grafica, allora semplicemente usali. Utilizzando la grafica vettoriale (Corel Draw è uno strumento vettoriale), fortunatamente non devi preoccuparti molto dei pixel fino a quando non arriva il momento di salvare immagini appiattite.

Per sicurezza, inizia con una dimensione della tela dello stesso formato: 1900x1200 è un rapporto 16:10, quindi dovrebbero funzionare 16 pollici per 10 pollici. Quando arriva il momento di salvare o esportare un'immagine appiattita (un "raster" o bitmap), puoi scegliere le dimensioni di 1900x1200 pixel.

Non ho familiarità con Corel, quindi non posso dirti esattamente come inserire queste impostazioni, ma sono probabilmente lì.

Per quanto riguarda "cos'è un pixel" , la risposta che dice che è simile a un "atomo" è piuttosto buona. Sebbene se vogliamo essere completamente anali, potremmo dire con maggiore precisione che un pixel è una molecola :

Una molecola è la parte più piccola di una sostanza che mostra ancora le proprietà di quella sostanza e un pixel è la parte più piccola di un colore che mostra ancora quel particolare colore . Diventando più piccolo, inizi a vedere gli altri colori che sono stati mescolati per ottenere il colore target.

I pixel possono essere distanziati in tutti i modi, quindi non rappresentano alcuna dimensione reale. Nella stampa possono essere 300 punti per pollice (DPI), nel qual caso i pixel sono molto vicini tra loro - o sullo schermo possono essere 72 DPI, il che significa che sono più distanti. Devo presumere che 1900x1200 sia destinato a uno schermo, tra l'altro, poiché è una delle risoluzioni dello schermo standard. In tal caso, sembrerà lo stesso indipendentemente da quanti pollici nelle sue dimensioni, purché sia ​​visualizzato a schermo intero su un monitor 1900x1200.

Per finire, la dimensione dei pixel, tecnicamente parlando, ti dice solo quante informazioni conterrà l'immagine memorizzata. Per quanto riguarda come grande sarà guardare , ti dice praticamente nulla da solo.

TL; DR Effettua la conversione quando esporti l'immagine Corel Draw in un file .tif.

Esistono due modi per descrivere un'immagine su un computer: bitmap (noto anche come raster ) e vettori. Una bitmap è una griglia di coordinate ognuna con un colore specifico e ogni punto è un pixel. La combinazione di tutti i punti nella griglia crea un'immagine. Le foto sono bitmap; i pixel corrispondono alla grana della pellicola o ai punti sul sensore. I pixel non hanno dimensioni intrinseche: possono essere molto piccoli in un'immagine stampata al laser o molto grandi su uno schermo gigante. La dimensione di un'immagine in pixel indica la risoluzione con cui avrà un aspetto uniforme. Le immagini con un'alta densità di pixel (punti per pollice, dpi) appaiono nitide, mentre quelle con una bassa densità di pixel sembrano bloccate. Per vedere la differenza, confronta Flickr con Minecraft. L'ingrandimento di un'immagine bitmap rende i pixel più grandi e l'immagine diventa più bloccata e meno nitida.

I vettori sono descrizioni matematiche di forme disposte in un'immagine. Inoltre non hanno dimensioni intrinseche, ma il modo in cui si comportano è diverso. L'aspetto di una grafica vettoriale non cambia quando si ingrandisce, perché viene ricalcolato per adattarsi allo schermo.

Corel Draw è un programma di grafica vettoriale e le immagini che crei sono quindi vettori. Se il tuo cliente desidera un'immagine 1900x1200, dovrai esportarla in bitmap quando la esporti. La cosa fondamentale è che la dimensione del vettore e la dimensione della bitmap sono indipendenti. È possibile creare un file Corel Draw di otto piedi per sei ed esportarlo come immagine di 400x300 pixel. Oppure è possibile esportare un file quadrato di un pollice in Corel Draw come bitmap di 10.000 pixel quadrati. Tuttavia, anziché richiedere le dimensioni dei pixel, i programmi in genere richiedono di specificare una dimensione e una risoluzione per la bitmap, sebbene sia possibile modificare le unità in pixel. Ciò ti consente di assicurarti che il file abbia una risoluzione ragionevole nella dimensione desiderata. Chiedendo una risoluzione particolare, il tuo cliente vuole assicurarsi di poter utilizzare l'immagine su schermi di grandi dimensioni o con dimensioni di stampa ridotte. L'idea di un'immagine digitale di dimensioni fisiche è un po 'strana, ma è più facile lavorare a valle.

Quindi crea la tua grafica a qualsiasi dimensione ti piaccia e quindi specifica la dimensione dei pixel alla fine quando la esporti. Una cosa a cui fare attenzione è se includi immagini bitmap nel grafico, dovranno avere una risoluzione almeno tanto elevata quanto dovranno essere nell'immagine finale. Quindi, se metà della larghezza della tua immagine è una foto, quella foto deve essere larga 950 pixel.

I pixel nei CSS (e non come proprietà tecnica di un supporto di visualizzazione) sono unità di larghezza angolare apparente. Quindi è possibile convertire pixel, ma solo in gradi, radianti, ecc. Puoi convertire un pixel in un pollice, ma devi sapere quanto è lontano il pollice.

Sean B. Palmer ha una bella pagina su questo:

La luna dalla terra è larga circa 24,3 px, per esempio. La Torre Eiffel a un miglio di distanza è alta circa 550,5 px. Ciò significa che quando fai "{larghezza: 24.3px}" in CSS 2.1, stai facendo qualcosa di largo come la luna sembra essere.

Un pixel è il punto più piccolo in un'immagine. Non ha dimensioni fisiche. Ne ottiene uno quando si specifica la risoluzione in DPI (punti per pollice) o unità simili e si esegue il rendering su un dispositivo che rispetta questa risoluzione.

In pratica, ci sono molte occasioni in cui la dimensione è arbitraria perché al progettista o al software non importava / non sapeva della dimensione / risoluzione del display e / o applicava un fattore di ridimensionamento per adattarsi alla superficie disponibile.

Ricorda: un pixel non ha dimensioni predefinite. A differenza di una pica.

Tutorial PSD ha un video che spiega la relazione tra i pixel qui

pixel

Pixel è la forma più piccola per visualizzare il design di un'unità di visualizzazione. Esempio: un monitor Display è costituito da diversi pixel che formano uno schermo sullo schermo.