Puoi specificare la lunghezza in CSS in diverse unità. Alcuni provengono dalla tradizione tipografica, come point (pt) e pica (pc), altri, ad esempio. centimetro (cm) e pollici (in), ci sono familiari nella vita di tutti i giorni. C'è anche un'unità "magica", inventata appositamente per i CSS: px . Questo significa che proprietà diverse necessitano di unità diverse?

No, le unità di misura non sono legate alle proprietà, ma sono direttamente legate ai mezzi di visualizzazione: schermo o carta.

Qualsiasi unità di misura può essere utilizzata ovunque. Una proprietà con un valore in pixel (margine: 5px) accetta anche valori in pollici o centimetri (margine: 1,2 pollici; margine: 0,5 cm) e viceversa.

Ma in generale, è meglio utilizzare diversi insiemi di unità per la visualizzazione sullo schermo e per la stampa. I suggerimenti per l'utilizzo delle unità sono riepilogati nella tabella seguente:

La relazione tra le unità assolute è: 1 pollice = 2,54 cm = 25,4 mm = 72 pt = 6 pz

Se hai un righello a portata di mano, puoi controllare la precisione del tuo dispositivo. Ecco un rettangolo alto 1 pollice (2,54 cm):
72pt
↓

Le cosiddette unità assolute (cm , mm , in , pt e pc) in CSS hanno lo stesso significato che fanno altrove, ma solo se il dispositivo di output ha una risoluzione sufficientemente alta. Su una stampante laser, 1 cm deve essere esattamente uguale a 1 centimetro. Ma su dispositivi a bassa risoluzione come gli schermi dei computer, CSS non lo richiede. In effetti, diversi dispositivi e diverse implementazioni di CSS tendono a renderli in modo diverso. È meglio lasciare queste unità per dispositivi ad alta risoluzione, in particolare per la stampa. Sugli schermi dei computer e sui dispositivi mobili, potresti non ottenere ciò che ti aspettavi.

In passato, i CSS richiedevano che le unità assolute fossero visualizzate correttamente, anche sugli schermi dei computer. Ma poiché c'erano più implementazioni errate che corrette e non erano previsti miglioramenti, nel 2011 CSS ha abbandonato questo requisito. Al momento, le unità assolute devono funzionare correttamente solo se stampate e su dispositivi ad alta risoluzione.

CSS non specifica cosa si intende esattamente per "alta risoluzione". Ma dal momento che le stampanti economiche oggi hanno almeno 300 dpi e i buoni schermi hanno circa 200 dpi, molto probabilmente il confine si trova da qualche parte tra questi valori.

Un altro motivo per non utilizzare unità assolute per qualcosa di diverso dalla stampa è che guardiamo schermi diversi da distanze diverse. 1 centimetro sullo schermo di un computer desktop sembra piccolo. Ma su uno schermo mobile proprio davanti ai tuoi occhi, è molto. È meglio usare invece unità relative, ad es. em.

Le unità em ed ex dipendono dalla dimensione del carattere e possono essere diverse per ogni elemento del documento. L'unità em è solo la dimensione del carattere. In un elemento che ha un font impostato su 2in, 1em significa questi 2in. Specificare le dimensioni (ad es. per i rientri) in em significa che sono impostate in relazione al font e se l'utente ha un font grande (ad es. su uno schermo grande) o piccolo (ad es. su un dispositivo mobile), queste dimensioni rimarranno proporzionali. Dichiarazioni come text-indent: 1.5em e margin: 1em sono estremamente popolari nei CSS.

L'unità ex viene utilizzata di rado. Esprime le dimensioni che dovrebbero essere misurate dall'altezza x del carattere. X-height è, grosso modo, l'altezza delle lettere minuscole come un, C, m, o o. I caratteri con la stessa dimensione (e quindi la stessa em) possono avere un'enorme differenza nella dimensione delle lettere minuscole, e se è importante che qualche immagine, ad esempio, corrisponda all'altezza x, l'ex unità è al tuo servizio .

L'unità px in CSS è magica. Non ha nulla a che fare con il font corrente, ma di solito non ha nemmeno a che fare con centimetri o pollici fisici. L'unità px è definita come qualcosa di piccolo ma visibile, ad es. una linea orizzontale di 1px potrebbe essere renderizzata con spigoli vivi (senza anti-alias). Ciò che conta come nitido, piccolo e visibile dipende dal dispositivo e da come lo usi: lo tieni proprio davanti agli occhi, come un telefono cellulare, a distanza di un braccio, come un monitor, o da qualche parte nel mezzo, come un e-book? Quindi px non è per definizione una lunghezza fissa, ma qualcosa che dipende dal tipo di dispositivo e dal suo normale utilizzo.

Per capire perché l'unità px è quello che è, immagina un monitor CRT degli anni '90: il punto più piccolo che poteva visualizzare era di circa 1/100 di pollice (0,25 mm) o leggermente più grande. L'unità px prende il nome da quei pixel dello schermo.

I dispositivi attuali possono, in linea di principio, visualizzare punti più piccoli e più nitidi (sebbene questi possano essere difficili da vedere senza una lente d'ingrandimento). Ma i documenti del secolo scorso che utilizzavano px nei CSS, indipendentemente dal dispositivo, hanno lo stesso aspetto. Le stampanti, in particolare, possono visualizzare chiaramente linee molto più sottili di 1px, ma anche sulle stampanti, una linea di 1px sembra più o meno la stessa di un monitor. I dispositivi cambiano, ma l'unità px ha sempre lo stesso aspetto.

In effetti, CSS richiede che 1px sia esattamente uguale a 1/96 di pollice in qualsiasi stampa. I CSS presuppongono che le stampanti, a differenza degli schermi, non necessitino di dimensioni px diverse per rendere le linee nitide. Pertanto, una volta stampato, px non solo ha lo stesso aspetto indipendentemente dal dispositivo, ma è ovviamente misurato con lo stesso valore (proprio come le unità cm , pt , mm , in e pc , come spiegato).

CSS specifica inoltre che le immagini bitmap (ad esempio fotografie) vengono visualizzate per impostazione predefinita su una scala di 1 pixel dell'immagine per 1px. Una foto 600 x 400 avrà una larghezza di 600 px e un'altezza di 400 px. Pertanto, i pixel della foto non sono legati ai pixel del dispositivo di output (che può essere molto piccolo), ma alle unità di px . Ciò ti consente di allineare accuratamente le immagini con altri elementi nel documento, purché utilizzi unità px nei tuoi stili, non pt , cm , ecc.

Uno degli aspetti più confusi cssè l'applicazione dimensione del font attributo per il ridimensionamento del testo. Utilizzando CSS, puoi ridimensionare il testo nel browser utilizzando quattro diverse unità. Quale di queste quattro unità è la migliore per il web? Questa è una domanda che ha generato una varietà di discussioni e critiche. Trovare una risposta definitiva è difficile perché la domanda stessa è complessa.

Incontra - unità

1. "Ems" (em): "em" è un'unità scalabile utilizzata nei documenti web. "em" è uguale alla dimensione del carattere corrente, ad esempio, se la dimensione del carattere del documento è 12pt, 1em è 12pt. "em" è intrinsecamente scalabile, quindi 2em sarebbe uguale a 24pt, 0,5em sarebbe uguale a 6pt e così via. L'uso di "em" sta diventando sempre più popolare nei documenti web grazie alla sua scalabilità e capacità di essere utilmente applicato ai dispositivi mobili.
2. Pixel (px): "px" sono unità di dimensioni fisse utilizzate sugli schermi (ad esempio, per leggere sullo schermo di un computer). Un pixel equivale a un punto sullo schermo di un computer (l'unità più piccola della risoluzione dello schermo). Molti web designer utilizzano px nei documenti web per ottenere una rappresentazione pixel-perfetta del proprio sito quando visualizzato in un browser. Un problema con l'utilizzo di px è che queste unità non consentono lo zoom per lettori ipovedenti o dispositivi mobili.
3. Punti (pt): "pt", tradizionalmente utilizzato nei supporti di stampa (tutto ciò che deve essere stampato su carta, ecc.). Un "pt" è uguale a 1/72 di pollice. "pt", come "px", hanno una dimensione unitaria fissa e non possono essere ridimensionati.
4. Percentuali (%): le unità di misura in % sono simili a "em", fatta eccezione per alcune differenze fondamentali. Innanzitutto, la dimensione del carattere corrente è 100% (cioè 12pt = 100%). Utilizzando "%", il tuo testo diventa completamente scalabile per dispositivi mobili e facilità d'uso (accessibilità).

Allora qual è la differenza?

Sarà facile capire la differenza tra le unità di dimensione dei caratteri quando le vedrai in azione. Come regola generale, 1em = 12pt = 16px = 100%. Con queste dimensioni dei caratteri, vediamo cosa succede quando aumenti la dimensione del carattere di base (usando il selettore del corpo CSS) dal 100% al 120%.

Modifica la dimensione del carattere dal 100% al 120%.

Come puoi vedere, "em" e "%" hanno aumentato la dimensione del carattere, mentre "px" e "pt" no. Impostare una dimensione assoluta per il tuo testo può essere facile, ma è molto meglio che i tuoi visitatori utilizzino testo scalabile che può essere visualizzato su qualsiasi dispositivo o computer. Per questo motivo, è preferibile utilizzare le unità "em" e "%" per il testo del documento web.

"em" vs "%"

Abbiamo scoperto che le unità "px" e "pt" non sono le migliori per i documenti web, il che ci costringe a usare "em" e "%". In teoria, le unità "em" e "%" sono identiche, ma in pratica presentano piccole differenze che è importante considerare.

Nell'esempio sopra, abbiamo usato le percentuali come unità di base della dimensione del carattere (nel tag body). Se modifichi l'unità di base della dimensione del carattere da "%" a "em" (cioè corpo (dimensione carattere: 1em;)), tu, dovrebbe non notare la differenza. Vediamo cosa succede quando "1em" è la nostra unità base e quando il client cambia la "Dimensione carattere" nelle impostazioni del proprio browser (molti browser come Internet Explorer hanno questa opzione).

La dimensione del carattere quando il client ridimensiona il testo nel browser.

Quando la dimensione del testo è impostata su "media" nel browser del client, non vi è alcuna differenza evidente tra "em" e "%". Tuttavia, se il parametro viene modificato, la differenza diventa molto grande. Quando è impostato su "Più piccolo", "em" è molto più piccolo di "%" e quando è impostato su "Più grande", viceversa, "em" viene visualizzato molto più grande di "%". Mentre molti affermano che le unità in "em" scalano come previsto, in pratica il testo in "em" viene ridimensionato in modo troppo netto, con il testo più piccolo che diventa illeggibile su alcune macchine.

Verdetto

In teoria, le unità "em" sono il nuovo e imminente standard per la dimensione dei caratteri sul Web, ma in pratica, le unità "%" consentono agli utenti di visualizzare il testo in modo più coerente e confortevole. Quando si modificano i parametri del cliente, il testo in "%" è cambiato in proporzioni ragionevoli, il che consente ai progettisti di mantenere leggibilità, accessibilità e design.

Vincitore: per cento (%).

Convertitore di lunghezza e distanza Convertitore di massa Convertitore di volume di cibo e cibo sfuso Convertitore di area Convertitore di unità di volume e ricetta Convertitore di temperatura Convertitore di pressione, stress, modulo di Young Convertitore di energia e lavoro Convertitore di potenza Convertitore di forza Convertitore di tempo Convertitore di velocità lineare Convertitore di angolo piatto Convertitore di efficienza termica e consumo di carburante di numeri in diversi sistemi numerici Convertitore di unità di misura di quantità di informazioni Tassi di cambio Dimensioni di abbigliamento e scarpe da donna Dimensioni di abbigliamento e scarpe da uomo Convertitore di velocità angolare e frequenza di rotazione Convertitore di accelerazione Convertitore di accelerazione angolare Convertitore di densità Convertitore di volume specifico Convertitore di momento d'inerzia Momento convertitore di forza Convertitore di coppia Convertitore di potere calorifico specifico (in massa) Convertitore di densità di energia e potere calorifico specifico (in volume) Convertitore di differenza di temperatura Convertitore di coefficiente Coefficiente di dilatazione termica Convertitore di resistenza termica Convertitore di conducibilità termica Convertitore di capacità termica specifica Convertitore di esposizione all'energia e potenza radiante Convertitore di densità del flusso di calore Convertitore del coefficiente di trasferimento del calore Convertitore di flusso in volume Convertitore di flusso in massa Convertitore di flusso molare Convertitore di densità di flusso in massa Convertitore di concentrazione molare in soluzione Convertitore di concentrazione di massa dinamico ( Convertitore di viscosità cinematica Convertitore di tensione superficiale Convertitore di permeabilità al vapore Convertitore di densità del flusso di vapore acqueo Convertitore di livello sonoro Convertitore di sensibilità del microfono Convertitore di livello di pressione sonora (SPL) Convertitore di livello di pressione sonora con pressione di riferimento selezionabile Convertitore di luminosità Convertitore di intensità luminosa Convertitore di illuminamento Convertitore di risoluzione per computer grafica Convertitore di frequenza e lunghezza d'onda Potenza in diottrie e lunghezza focale Distanza Potenza in diottrie e ingrandimento della lente (×) Convertitore di carica elettrica Convertitore di densità di carica lineare Convertitore di densità di carica superficiale Convertitore di densità di carica volumetrica Convertitore di corrente elettrica Convertitore di densità di corrente lineare Convertitore di densità di corrente di superficie Convertitore di intensità del campo elettrico Convertitore di potenziale e tensione elettrostatico Convertitore di resistenza elettrica Convertitore elettrico Convertitore di conducibilità elettrica di resistenza Convertitore di conducibilità elettrica Convertitore di induttanza di capacità Convertitore di calibro filo US Livelli in dBm (dBm o dBm), dBV (dBV), watt, ecc. unità Convertitore di forza magnetomotrice Convertitore di intensità del campo magnetico Convertitore di flusso magnetico Convertitore di induzione magnetica Radiazione. Radioattività del convertitore di dose assorbita dalle radiazioni ionizzanti. Radiazione del convertitore di decadimento radioattivo. Radiazione del convertitore di dose di esposizione. Convertitore di dose assorbita Convertitore di prefisso decimale Convertitore di trasferimento dati Tipografia ed elaborazione delle immagini Convertitore di unità di volume del legname Calcolo della massa molare Tavola periodica degli elementi chimici di D. I. Mendeleev

1 pixel (X) = 0,752812499999996 punto (tipografico)

Valore iniziale

Valore convertito

twip metro centimetro millimetro simbolo (X) simbolo (Y) pixel (X) pixel (Y) pollici saldatura (computer) saldatura (tipografica) punto NIS/PostScript punto (computer) punto (tipografico) trattino centrale cicero em trattino punto Didot

Calibro di filo americano

Ulteriori informazioni sulle unità utilizzate nella tipografia e nell'imaging digitale

Informazione Generale

La tipografia è lo studio della riproduzione del testo su una pagina e l'uso delle sue dimensioni, carattere tipografico, colore e altre caratteristiche esterne per rendere il testo leggibile e bello. La tipografia apparve a metà del XV secolo, con l'avvento delle macchine da stampa. La posizione del testo sulla pagina influisce sulla nostra percezione: meglio è posizionato, più è probabile che il lettore capirà e ricorderà ciò che è scritto nel testo. La scarsa tipografia, al contrario, rende il testo difficile da leggere.

I caratteri tipografici sono divisi in diversi tipi, ad esempio caratteri serif e sans-serif. I serif sono un elemento decorativo di tipo, ma in alcuni casi facilitano la lettura del testo, anche se a volte accade il contrario. La prima lettera (in blu) nell'immagine è in Bodoni serif. Uno dei quattro serif è cerchiato in rosso. La seconda lettera (gialla) è in Futura sans-serif.

Esistono molte classificazioni dei caratteri, ad esempio in base a quando sono stati creati o in base allo stile popolare in un determinato momento. Sì, ci sono i caratteri. vecchio stile- un gruppo che include i caratteri più vecchi; caratteri più recenti stile di transizione; caratteri moderni, creato dopo i caratteri di transizione e prima degli anni '20 dell'Ottocento; e infine nuovi caratteri di stile o vecchi caratteri modernizzati, ovvero font realizzati secondo il vecchio modello in un secondo momento. Questa classificazione viene utilizzata principalmente per i caratteri serif. Esistono altre classificazioni basate sull'aspetto dei caratteri, come lo spessore della linea, il contrasto tra linee sottili e spesse e la forma dei grazie. La stampa nazionale ha le sue classificazioni. Ad esempio, la classificazione GOST raggruppa i caratteri in base alla presenza e assenza di grazie, all'ispessimento dei grazie, alla transizione graduale dalla linea principale ai grazie, all'arrotondamento dei grazie e così via. Nelle classificazioni del russo, così come in altre scritture cirilliche, c'è spesso una categoria per i caratteri dell'antico slavo ecclesiastico.

Il compito principale della tipografia è regolare la dimensione delle lettere e scegliere i caratteri appropriati per disporre il testo sulla pagina in modo che si legga bene e sia bello. Esistono diversi sistemi per determinare la dimensione dei caratteri. In alcuni casi, la stessa dimensione delle lettere in unità tipografiche, se sono stampate con caratteri tipografici diversi, non significa la stessa dimensione delle lettere stesse in centimetri o pollici. Questa situazione è descritta più dettagliatamente di seguito. Nonostante l'inconveniente causato da ciò, la dimensione del carattere attualmente utilizzata aiuta i designer a comporre il testo sulla pagina in modo ordinato e bello. Questo è particolarmente importante nel layout.

Nel layout, devi conoscere non solo la dimensione del testo, ma anche l'altezza e la larghezza delle immagini digitali per posizionarle sulla pagina. La dimensione può essere espressa in centimetri o pollici, ma esiste anche un'unità specificamente progettata per misurare la dimensione delle immagini: i pixel. Un pixel è un elemento dell'immagine sotto forma di punto (o quadrato) di cui è composto.

Definizione di unità

La dimensione delle lettere in tipografia è indicata dalla parola "dimensione". Esistono diversi sistemi di misurazione delle dimensioni dei punti, ma la maggior parte di essi sono basati su unità. "saldare" nei sistemi di misura americano e inglese (pica inglese), o "picero" nel sistema di misura europeo. Il nome "saldatura" è talvolta scritto come "picco". Esistono diversi tipi di saldatura, le cui dimensioni variano leggermente, quindi quando si utilizza la saldatura, vale la pena ricordare quale tipo di saldatura intendi. Inizialmente, il picero era utilizzato nella stampa domestica, ma ora è comune anche la saldatura. Cicerone e la saldatura al computer sono di dimensioni simili ma non uguali. A volte un picero o una saldatura viene utilizzato direttamente per la misurazione, ad esempio per determinare la dimensione dei margini o delle colonne. Più comunemente, soprattutto per la misurazione del testo, vengono utilizzate unità derivate dalla saldatura, come i punti tipografici. La dimensione della saldatura è determinata in diversi sistemi in modi diversi, come descritto di seguito.

Le lettere sono misurate come mostrato nell'illustrazione:

Altre unità

Sebbene la saldatura a computer stia gradualmente sostituendo altre unità, e forse sostituirà il più familiare picero, accanto ad essa vengono utilizzate anche altre unità. Una di queste unità è saldatura americanaÈ uguale a 0,166 pollici o 2,9 millimetri. C'è anche saldatura di stampa. È uguale a quello americano.

In alcune tipografie domestiche e nella letteratura sulla stampa, lo usano ancora pica- un'unità ampiamente utilizzata in Europa (ad eccezione dell'Inghilterra) prima dell'avvento della saldatura del computer. Un picero è uguale a 1/6 di pollice francese. Il pollice francese è leggermente diverso dal pollice moderno. Nelle unità moderne, un picero è pari a 4,512 millimetri o 0,177 pollici. Questo valore è quasi uguale alle razioni di computer. Un picero è 1,06 razioni di computer.

Em e Semi-Embed (en)

Le unità sopra descritte determinano l'altezza delle lettere, ma ci sono anche unità che indicano la larghezza delle lettere e dei caratteri. Gli spazi rotondi e semicircolari sono proprio tali unità. Il primo è anche conosciuto come em, o em, dall'inglese per la lettera M. La sua larghezza è stata storicamente uguale alla larghezza di questa lettera inglese. Allo stesso modo, una spaziatura semicircolare uguale a una spaziatura semicircolare è nota come en. Ora questi valori non sono definiti usando la lettera M, poiché questa lettera può avere una dimensione diversa in diversi tipi di carattere, anche se la dimensione è la stessa.

In russo vengono utilizzati i trattini en e i trattini em. Per indicare intervalli e intervalli (ad esempio, nella frase: “prendere 3-4 cucchiai di zucchero”) si usa un en dash, chiamato anche dash-en (inglese en dash). Il trattino em è usato in russo in tutti gli altri casi (ad esempio, nella frase: "l'estate era breve e l'inverno era lungo"). È anche chiamato dash-em (inglese em dash).

Problemi con i moderni sistemi di unità

A molti designer non piace l'attuale sistema di unità tipografiche basato su razioni o piceros e punti tipografici. Il problema principale è che queste unità non sono legate al sistema di misure metrico o imperiale, e allo stesso tempo devono essere utilizzate insieme a centimetri o pollici, in cui si misura la dimensione delle illustrazioni.

Inoltre, le lettere composte da due caratteri tipografici diversi possono avere dimensioni molto diverse, anche se hanno le stesse dimensioni nei paragrafi tipografici. Questo perché l'altezza della lettera viene misurata come l'altezza del blocco lettere, che non è direttamente correlata all'altezza del carattere. Ciò rende difficile per i designer, soprattutto se lavorano con più font nello stesso documento. L'illustrazione è un esempio di questo problema. La dimensione di tutti e tre i caratteri nei paragrafi tipografici è la stessa, ma l'altezza del carattere è diversa ovunque. Alcuni designer propongono di misurare la dimensione del carattere come l'altezza del carattere per risolvere questo problema.

Convertitore di lunghezza e distanza Convertitore di massa Convertitore di volume di cibo e cibo sfuso Convertitore di area Convertitore di unità di volume e ricetta Convertitore di temperatura Convertitore di pressione, stress, modulo di Young Convertitore di energia e lavoro Convertitore di potenza Convertitore di forza Convertitore di tempo Convertitore di velocità lineare Convertitore di angolo piatto Convertitore di efficienza termica e consumo di carburante di numeri in diversi sistemi numerici Convertitore di unità di misura di quantità di informazioni Tassi di cambio Dimensioni di abbigliamento e scarpe da donna Dimensioni di abbigliamento e scarpe da uomo Convertitore di velocità angolare e frequenza di rotazione Convertitore di accelerazione Convertitore di accelerazione angolare Convertitore di densità Convertitore di volume specifico Convertitore di momento d'inerzia Momento convertitore di forza Convertitore di coppia Convertitore di potere calorifico specifico (in massa) Convertitore di densità di energia e potere calorifico specifico (in volume) Convertitore di differenza di temperatura Convertitore di coefficiente Coefficiente di dilatazione termica Convertitore di resistenza termica Convertitore di conducibilità termica Convertitore di capacità termica specifica Convertitore di esposizione all'energia e potenza radiante Convertitore di densità del flusso di calore Convertitore del coefficiente di trasferimento del calore Convertitore di flusso in volume Convertitore di flusso in massa Convertitore di flusso molare Convertitore di densità di flusso in massa Convertitore di concentrazione molare in soluzione Convertitore di concentrazione di massa dinamico ( Convertitore di viscosità cinematica Convertitore di tensione superficiale Convertitore di permeabilità al vapore Convertitore di densità del flusso di vapore acqueo Convertitore di livello sonoro Convertitore di sensibilità del microfono Convertitore di livello di pressione sonora (SPL) Convertitore di livello di pressione sonora con pressione di riferimento selezionabile Convertitore di luminosità Convertitore di intensità luminosa Convertitore di illuminamento Convertitore di risoluzione per computer grafica Convertitore di frequenza e lunghezza d'onda Potenza in diottrie e lunghezza focale Distanza Potenza in diottrie e ingrandimento della lente (×) Convertitore di carica elettrica Convertitore di densità di carica lineare Convertitore di densità di carica superficiale Convertitore di densità di carica volumetrica Convertitore di corrente elettrica Convertitore di densità di corrente lineare Convertitore di densità di corrente di superficie Convertitore di intensità del campo elettrico Convertitore di potenziale e tensione elettrostatico Convertitore di resistenza elettrica Convertitore elettrico Convertitore di conducibilità elettrica di resistenza Convertitore di conducibilità elettrica Convertitore di induttanza di capacità Convertitore di calibro filo US Livelli in dBm (dBm o dBm), dBV (dBV), watt, ecc. unità Convertitore di forza magnetomotrice Convertitore di intensità del campo magnetico Convertitore di flusso magnetico Convertitore di induzione magnetica Radiazione. Radioattività del convertitore di dose assorbita dalle radiazioni ionizzanti. Radiazione del convertitore di decadimento radioattivo. Radiazione del convertitore di dose di esposizione. Convertitore di dose assorbita Convertitore di prefisso decimale Convertitore di trasferimento dati Tipografia ed elaborazione delle immagini Convertitore di unità di volume del legname Calcolo della massa molare Tavola periodica degli elementi chimici di D. I. Mendeleev

1 punto (tipografico) = 0,3514598035146 millimetro [mm]

Valore iniziale

Valore convertito

twip metro centimetro millimetro simbolo (X) simbolo (Y) pixel (X) pixel (Y) pollici saldatura (computer) saldatura (tipografica) punto NIS/PostScript punto (computer) punto (tipografico) trattino centrale cicero em trattino punto Didot

Intensità del campo elettrico

Ulteriori informazioni sulle unità utilizzate nella tipografia e nell'imaging digitale

Informazione Generale

La tipografia è lo studio della riproduzione del testo su una pagina e l'uso delle sue dimensioni, carattere tipografico, colore e altre caratteristiche esterne per rendere il testo leggibile e bello. La tipografia apparve a metà del XV secolo, con l'avvento delle macchine da stampa. La posizione del testo sulla pagina influisce sulla nostra percezione: meglio è posizionato, più è probabile che il lettore capirà e ricorderà ciò che è scritto nel testo. La scarsa tipografia, al contrario, rende il testo difficile da leggere.

I caratteri tipografici sono divisi in diversi tipi, ad esempio caratteri serif e sans-serif. I serif sono un elemento decorativo di tipo, ma in alcuni casi facilitano la lettura del testo, anche se a volte accade il contrario. La prima lettera (in blu) nell'immagine è in Bodoni serif. Uno dei quattro serif è cerchiato in rosso. La seconda lettera (gialla) è in Futura sans-serif.

Esistono molte classificazioni dei caratteri, ad esempio in base a quando sono stati creati o in base allo stile popolare in un determinato momento. Sì, ci sono i caratteri. vecchio stile- un gruppo che include i caratteri più vecchi; caratteri più recenti stile di transizione; caratteri moderni, creato dopo i caratteri di transizione e prima degli anni '20 dell'Ottocento; e infine nuovi caratteri di stile o vecchi caratteri modernizzati, ovvero font realizzati secondo il vecchio modello in un secondo momento. Questa classificazione viene utilizzata principalmente per i caratteri serif. Esistono altre classificazioni basate sull'aspetto dei caratteri, come lo spessore della linea, il contrasto tra linee sottili e spesse e la forma dei grazie. La stampa nazionale ha le sue classificazioni. Ad esempio, la classificazione GOST raggruppa i caratteri in base alla presenza e assenza di grazie, all'ispessimento dei grazie, alla transizione graduale dalla linea principale ai grazie, all'arrotondamento dei grazie e così via. Nelle classificazioni del russo, così come in altre scritture cirilliche, c'è spesso una categoria per i caratteri dell'antico slavo ecclesiastico.

Il compito principale della tipografia è regolare la dimensione delle lettere e scegliere i caratteri appropriati per disporre il testo sulla pagina in modo che si legga bene e sia bello. Esistono diversi sistemi per determinare la dimensione dei caratteri. In alcuni casi, la stessa dimensione delle lettere in unità tipografiche, se sono stampate con caratteri tipografici diversi, non significa la stessa dimensione delle lettere stesse in centimetri o pollici. Questa situazione è descritta più dettagliatamente di seguito. Nonostante l'inconveniente causato da ciò, la dimensione del carattere attualmente utilizzata aiuta i designer a comporre il testo sulla pagina in modo ordinato e bello. Questo è particolarmente importante nel layout.

Nel layout, devi conoscere non solo la dimensione del testo, ma anche l'altezza e la larghezza delle immagini digitali per posizionarle sulla pagina. La dimensione può essere espressa in centimetri o pollici, ma esiste anche un'unità specificamente progettata per misurare la dimensione delle immagini: i pixel. Un pixel è un elemento dell'immagine sotto forma di punto (o quadrato) di cui è composto.

Definizione di unità

La dimensione delle lettere in tipografia è indicata dalla parola "dimensione". Esistono diversi sistemi di misurazione delle dimensioni dei punti, ma la maggior parte di essi sono basati su unità. "saldare" nei sistemi di misura americano e inglese (pica inglese), o "picero" nel sistema di misura europeo. Il nome "saldatura" è talvolta scritto come "picco". Esistono diversi tipi di saldatura, le cui dimensioni variano leggermente, quindi quando si utilizza la saldatura, vale la pena ricordare quale tipo di saldatura intendi. Inizialmente, il picero era utilizzato nella stampa domestica, ma ora è comune anche la saldatura. Cicerone e la saldatura al computer sono di dimensioni simili ma non uguali. A volte un picero o una saldatura viene utilizzato direttamente per la misurazione, ad esempio per determinare la dimensione dei margini o delle colonne. Più comunemente, soprattutto per la misurazione del testo, vengono utilizzate unità derivate dalla saldatura, come i punti tipografici. La dimensione della saldatura è determinata in diversi sistemi in modi diversi, come descritto di seguito.

Le lettere sono misurate come mostrato nell'illustrazione:

Altre unità

Sebbene la saldatura a computer stia gradualmente sostituendo altre unità, e forse sostituirà il più familiare picero, accanto ad essa vengono utilizzate anche altre unità. Una di queste unità è saldatura americanaÈ uguale a 0,166 pollici o 2,9 millimetri. C'è anche saldatura di stampa. È uguale a quello americano.

In alcune tipografie domestiche e nella letteratura sulla stampa, lo usano ancora pica- un'unità ampiamente utilizzata in Europa (ad eccezione dell'Inghilterra) prima dell'avvento della saldatura del computer. Un picero è uguale a 1/6 di pollice francese. Il pollice francese è leggermente diverso dal pollice moderno. Nelle unità moderne, un picero è pari a 4,512 millimetri o 0,177 pollici. Questo valore è quasi uguale alle razioni di computer. Un picero è 1,06 razioni di computer.

Em e Semi-Embed (en)

Le unità sopra descritte determinano l'altezza delle lettere, ma ci sono anche unità che indicano la larghezza delle lettere e dei caratteri. Gli spazi rotondi e semicircolari sono proprio tali unità. Il primo è anche conosciuto come em, o em, dall'inglese per la lettera M. La sua larghezza è stata storicamente uguale alla larghezza di questa lettera inglese. Allo stesso modo, una spaziatura semicircolare uguale a una spaziatura semicircolare è nota come en. Ora questi valori non sono definiti usando la lettera M, poiché questa lettera può avere una dimensione diversa in diversi tipi di carattere, anche se la dimensione è la stessa.

In russo vengono utilizzati i trattini en e i trattini em. Per indicare intervalli e intervalli (ad esempio, nella frase: “prendere 3-4 cucchiai di zucchero”) si usa un en dash, chiamato anche dash-en (inglese en dash). Il trattino em è usato in russo in tutti gli altri casi (ad esempio, nella frase: "l'estate era breve e l'inverno era lungo"). È anche chiamato dash-em (inglese em dash).

Problemi con i moderni sistemi di unità

A molti designer non piace l'attuale sistema di unità tipografiche basato su razioni o piceros e punti tipografici. Il problema principale è che queste unità non sono legate al sistema di misure metrico o imperiale, e allo stesso tempo devono essere utilizzate insieme a centimetri o pollici, in cui si misura la dimensione delle illustrazioni.

Inoltre, le lettere composte da due caratteri tipografici diversi possono avere dimensioni molto diverse, anche se hanno le stesse dimensioni nei paragrafi tipografici. Questo perché l'altezza della lettera viene misurata come l'altezza del blocco lettere, che non è direttamente correlata all'altezza del carattere. Ciò rende difficile per i designer, soprattutto se lavorano con più font nello stesso documento. L'illustrazione è un esempio di questo problema. La dimensione di tutti e tre i caratteri nei paragrafi tipografici è la stessa, ma l'altezza del carattere è diversa ovunque. Alcuni designer propongono di misurare la dimensione del carattere come l'altezza del carattere per risolvere questo problema.

Per impostare le dimensioni dei vari elementi, CSS utilizza unità assolute e relative. Le unità assolute sono indipendenti dal dispositivo di output, mentre le unità relative definiscono la dimensione di un elemento rispetto a un altro valore di dimensione.

Unità relative

Le unità relative vengono solitamente utilizzate per lavorare con il testo o quando è necessario calcolare la percentuale tra gli elementi. In tavola. 1 elenca le principali unità relative.

Un valore mutabile che dipende dalla dimensione del carattere dell'elemento corrente (impostata tramite la proprietà dello stile della dimensione del carattere). Ogni browser ha una dimensione del testo incorporata che viene applicata quando questa dimensione non è impostata in modo esplicito. Pertanto, inizialmente 1em è uguale alla dimensione del carattere predefinita impostata nel browser. Di conseguenza, quando impostiamo la dimensione del testo per l'intera pagina in em, lavoriamo con questo parametro. Quando em viene utilizzato su un elemento specifico, 1em è la dimensione del carattere del suo genitore.

ex è definito come l'altezza del carattere "x" in minuscolo. ex è soggetto alle stesse regole di em , ovvero è legato alla dimensione del carattere predefinita del browser o alla dimensione del carattere dell'elemento genitore.

Un pixel è un punto elementare visualizzato da un monitor o altro dispositivo simile, come uno smartphone. La dimensione dei pixel dipende dalla risoluzione del dispositivo e dalle sue specifiche.

L'esempio 1 mostra l'uso di queste unità.

Esempio 1: utilizzo di unità relative

Taglia 2em

Taglia 2 es

Dimensione 30 pixel

Taglia 200%

Il risultato di questo esempio è mostrato di seguito (Fig. 1).

Riso. 1. Dimensioni del testo in diverse unità

Unità assolute

Le unità assolute vengono utilizzate meno frequentemente di quelle relative e, di norma, quando si lavora con il testo. In tavola. 2 elenca le principali unità di questo tipo.

Forse l'unità più comune è il punto, che viene utilizzato per indicare la dimensione del carattere. Molte persone sono abituate a impostare la dimensione del carattere negli editor di testo, ad esempio 12. Ma non capiscono cosa significhi questo numero. Quindi questi sono esattamente i punti, sono nativi. Certo, non sono nativi di noi, siamo abituati a misurare tutto in millimetri e unità simili, ma un punto è forse l'unico valore di un sistema di misurazione non metrico che viene utilizzato ovunque nel nostro paese. E tutto grazie a editor di testo e sistemi editoriali. L'esempio 2 mostra l'uso di punti e altre unità.

Esempio 2: utilizzo di unità assolute

Dimensioni 0,5 pollici

Misura 8 mm

Taglia 24 punti

Il risultato dell'utilizzo delle unità assolute è mostrato di seguito (Fig. 2).

Riso. 2. Dimensione del testo con diverse unità