Convertitore da px a rem: formula e tabella di conversione

pixel px rem rem

Dimensione font di base (px)

1 px = 0,0625 rem

Apri in Convertitore da PX a REM

Formula

rem = px ÷ 16

Come convertire

Per convertire pixel in rem, dividi il valore per 16. Per esempio, 32 px = 2 rem.

Tabella di conversione

px	rem
1 px	0,0625 rem
2 px	0,125 rem
4 px	0,25 rem
8 px	0,5 rem
10 px	0,625 rem
12 px	0,75 rem
14 px	0,875 rem
16 px	1 rem
18 px	1,125 rem
20 px	1,25 rem
24 px	1,5 rem
32 px	2 rem
48 px	3 rem
64 px	4 rem

La tabella presuppone una dimensione del font di base di 16px. Modifica le impostazioni nel convertitore qui sopra per adattarle al tuo progetto.

Informazioni su queste unità

I browser trasformano ogni lunghezza CSS in pixel. rem è relativo alla dimensione del font radice ed em a quella dell’elemento genitore; entrambi valgono 16px in tutti i principali browser, salvo modifiche della pagina o dell’utente. 1pt è 1/72 di pollice e 1px è 1/96 di pollice, quindi 1pt = 1,333px. vw è l’1% della larghezza del viewport, quindi la sua dimensione in pixel dipende dallo schermo.

Domande frequenti

› Come si convertono i px in rem?

1 px = 0,0625 rem. Per convertire, dividi il valore per 16: 32 px = 2 rem.

› Quanto vale 1 rem in px?

1 rem = 16 px. La formula inversa è px = rem × 16.

› Perché usare rem invece di px?

Le dimensioni in rem seguono la dimensione del font impostata nel browser, il che aiuta l’accessibilità, e cambiando un solo valore radice si ridimensiona tutto il layout in modo coerente.

› Che differenza c’è tra rem ed em?

rem usa sempre la dimensione del font radice (html). em usa quella dell’elemento genitore, quindi i valori em annidati si moltiplicano.