Convertitore da PX a REM
Converti lunghezze CSS tra px, rem, em, pt e altre unità. rem ed em dipendono da una dimensione di base del carattere, quindi inserisci la base con cui convertire.
Come si convertono le unità CSS
Le unità assolute CSS (px, pt, pc, in, cm, mm, Q) sono definite nella specifica W3C CSS Values and Units, come segue.
| Unità | Definizione | In px |
|---|---|---|
| in (pollice) | 1in = 2.54cm = 96px | 96 px |
| px (pixel) | 1px = 1/96 in | 1 px |
| pt (punto) | 1pt = 1/72 in | 4/3 px (circa 1,3333 px) |
| pc (pica) | 1pc = 1/6 in (12pt) | 16 px |
| cm (centimetro) | 1in = 2.54cm | circa 37,7953 px |
| mm (millimetro) | 1cm = 10mm | circa 3,77953 px |
| Q (quarto di millimetro) | 1Q = 1/40 cm | circa 0,944882 px |
Il calcolo usa frazioni esatte. Un valore che non si divide esattamente (come cm, mm o Q in px) è etichettato «valore arrotondato».
rem ed em dipendono da una dimensione di base del carattere
- rem è relativo al font-size dell’elemento radice (
html). Con una base di 16px, 1rem = 16px. Se impostihtml { font-size: 62.5% }, la base diventa 10px (quando il valore predefinito del browser è 16px), e 1,6rem = 16px. - em è relativo al font-size dell’elemento su cui è usato. L’eccezione è la proprietà
font-sizestessa: quando em è usato infont-size, si riferisce al font-size ereditato dall’elemento padre (così dice la specifica W3C). In proprietà comepaddingemargin, em si riferisce al font-size dell’elemento stesso. - I valori em annidati (ad esempio 1,2em dentro un altro 1,2em, che moltiplicati danno 1,44) non sono calcolati qui. Inserisci come base il font-size calcolato (effettivo).
Il valore iniziale di 16px è solo un comodo valore predefinito. Questo strumento converte con la base (in px) che inserisci, e una base diversa dà un risultato rem o em diverso.
Un pixel CSS non è un pixel dello schermo
Un px CSS non è un pixel fisico su uno schermo (un pixel del dispositivo). È un pixel di riferimento definito come 1/96 di pollice. Su uno schermo ad alta densità, un pixel CSS può essere disegnato con più pixel del dispositivo (ad esempio 2 × 2).
Esempi
- 16px = 1rem = 1em = 12pt (con una base di 16px)
- 24px = 2,4rem (con una base di 10px)
- 1,6rem = 16px (con una base di 10px)
- 1in = 96px = 72pt = 6pc = 2.54cm
- 10mm ≈ 37.79528px
- 0.75pt = 1px
Note
- Le unità che dipendono dalla dimensione dello schermo, dalla dimensione dell’elemento padre o dalla forma del carattere (vw, vh, %, ch, ex e così via) non possono essere convertite da un numero soltanto, quindi non sono incluse.
- Il valore può avere fino a 12 cifre prima della virgola e 6 cifre decimali, e può essere negativo (il CSS ha lunghezze negative, come
margin: -10px). Una base deve essere maggiore di 0. I separatori delle migliaia come 1.234,5 sono accettati; usa la virgola come separatore decimale. - I risultati sono mostrati con 7 cifre significative. Puoi copiare il valore come visualizzato o con 15 cifre significative.
Fonti
- W3C, CSS Values and Units Module Level 3: le definizioni delle unità di lunghezza assolute, e di em e rem (verificate il 31 ottobre 2026; la pagina era la Candidate Recommendation Draft del 22 marzo 2024). Indica rem come il font-size dell’elemento radice, ed em come il font-size calcolato dell’elemento, o del padre quando usato nella proprietà
font-size.
Domande frequenti
Quanti px è 1rem?
Dipende dal font-size dell’elemento radice (html). Con una base di 16px sono 16px, ma se il font-size di html cambia, cambia anche la dimensione di 1rem. Inserisci la tua base per convertire.
Devo usare px o pt?
px e rem sono comuni per gli schermi. pt è usato più spesso nel CSS per la stampa. Poiché 1pt = 4/3 px, 12pt sono 16px.
Qual è la differenza tra em e rem?
rem è relativo al font-size dell’elemento radice, quindi ha la stessa dimensione ovunque lo usi. em è relativo al font-size del punto in cui è usato, quindi gli elementi annidati possono cambiarne la dimensione.