Come si usa
- Scegli l'unità che possiedi (pt, px, mm, em o %) e inserisci la dimensione.
- Tutte le altre unità vengono mostrate insieme, con un'anteprima a quella dimensione.
- Per em, rem e %, imposta la dimensione base: nei browser il valore predefinito è 16 px.
Opzioni spiegate
- Punti e pixel
- Un punto è 1/72 di pollice e CSS definisce un pixel come 1/96 di pollice, quindi 1 pt = 4/3 px e 12 pt = 16 px.
- Millimetri
- 1 pt = 25,4 ÷ 72 ≈ 0,353 mm. È la dimensione fisica del corpo del carattere e si applica alla stampa.
- em, rem e percentuale
- Un multiplo della dimensione base. Con una base di 16 px, 1 em = 1 rem = 100% = 16 px = 12 pt.
- Dimensione cinese (号)
- I programmi di videoscrittura cinesi nominano le dimensioni invece di usare i punti, da 初号 (42 pt) a 八号 (5 pt). Puoi convertire anche queste.
Dimensioni comuni
| pt | px | em (base 16 px) |
|---|---|---|
| 9 | 12 | 0,75 |
| 10,5 | 14 | 0,875 |
| 12 | 16 | 1 |
| 14 | 18,67 | 1,1667 |
| 18 | 24 | 1,5 |
| 24 | 32 | 2 |
Dimensioni web in pixel, punti e rem
Con i 16 px predefiniti del browser come dimensione base:
| Pixel | Punti | rem / em | Uso tipico |
|---|---|---|---|
| 12 px | 9 pt | 0,75 rem | Didascalie, note a piè di pagina |
| 14 px | 10,5 pt | 0,875 rem | Testo piccolo, etichette |
| 16 px | 12 pt | 1 rem | Testo del corpo |
| 18 px | 13,5 pt | 1,125 rem | Testo del corpo grande, paragrafi introduttivi |
| 20 px | 15 pt | 1,25 rem | Titoli piccoli |
| 24 px | 18 pt | 1,5 rem | Titoli |
| 32 px | 24 pt | 2 rem | Titoli di pagina |
Quale unità usare
pt (punti) servono per la stampa e per i programmi di videoscrittura: 1 pt è 1/72 di pollice, quindi un testo da 12 pt ha la stessa dimensione fisica su qualsiasi stampante.
px (pixel CSS) servono per gli schermi: 1 px è definito come 1/96 di pollice con lo zoom normale, il che rende 12 pt uguale a 16 px.
rem ed em sono relativi. 1 rem è la dimensione del carattere radice (di solito 16 px); 1 em è la dimensione del carattere dell’elemento genitore. Usare rem per il testo permette a chi imposta nel browser un carattere predefinito più grande di avere testo più grande ovunque.
I millimetri sono utili per confrontarsi con un campione stampato: misura l’altezza di una lettera maiuscola e la dimensione del corpo è circa 1,4 volte quella, a seconda del carattere.
Domande frequenti
Quanti pixel sono 12 pt?
16 px. Moltiplica i punti per 4/3 per ottenere pixel CSS o i pixel per 0,75 per ottenere punti.
Qual è la differenza tra em e rem?
rem è relativo alla dimensione del carattere radice (html); em è relativo alla dimensione del carattere dell'elemento padre. Se non è impostata alcuna dimensione, entrambi valgono 16 px.
Perché il testo misurato sullo schermo non coincide con la conversione?
Un pixel CSS è un'unità logica definita a 96 DPI. La dimensione fisica sullo schermo dipende dalla densità dei pixel e dallo zoom del sistema. Punti e millimetri sono esatti solo nella stampa.
Privacy
Questo strumento funziona interamente nel tuo browser. File e testi vengono elaborati sul tuo dispositivo e non vengono mai caricati sui nostri server.