Convertitore px in rem: px, rem, pt, em, mm
Ultimo aggiornamento:
rem si misura rispetto a questa dimensione. Qui anche em e %; in CSS seguono l'elemento genitore, quindi coincidono con rem solo dove nessun genitore cambia la dimensione del carattere.
1 px = 0,0625 remTutti i risultati
Tabella rapida: Pixel → Em radice
| Valore (px) | Risultato (rem) |
|---|---|
| 1 px | 0,0625 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 |
Come funzionano px, rem e pt
CSS fissa 1 pollice a 96 px, quindi 1 pt, cioè 1/72 di pollice, equivale a 1,333 px, e 1 mm equivale a 3,78 px. rem ed em sono relativi: 1 rem è la dimensione del carattere della radice, 16 px in tutti i principali browser a meno che il visitatore non la cambi, quindi 24 px sono 1,5 rem. Se un foglio di stile imposta un'altra dimensione della radice, inseriscila come base sopra i campi. em segue la dimensione del carattere dell'elemento genitore, quindi equivale a rem solo dove nessun genitore la modifica.
Dimensioni comuni di testo ed elementi
Con la base predefinita di 16 px. CSS fissa 1 pollice a 96 px, quindi le colonne pt e mm restano valide con qualsiasi base; cambia solo la colonna rem.
| Dimensione | rem | pt | mm |
|---|---|---|---|
| Testo da 10 pt (note a piè di pagina) | 0,8333 | 10 | 3,528 |
| Dimensione predefinita del testo di un browser | 1 | 12 | 4,233 |
| Testo da 12 pt in un programma di videoscrittura | 1 | 12 | 4,233 |
| Titolo h2 predefinito | 1,5 | 18 | 6,35 |
| Area cliccabile minima secondo le WCAG 2.2 (2.5.8) | 1,5 | 18 | 6,35 |
| Titolo h1 predefinito | 2 | 24 | 8,467 |
| 1 centimetro | 2,362 | 28,35 | 10 |
| 1 pollice | 6 | 72 | 25,4 |
Storia del punto e del pixel
Il carattere si misurava in punti molto prima degli schermi: i fonditori di caratteri avevano bisogno di una sola unità per fondere lettere che si allineassero. I computer hanno fissato il punto a 1/72 di pollice.
- Pierre-Simon Fournier pubblicò una tabella di corpi tipografici misurati in punti tipografici: la sua scala divideva il pollice in 12 linee e ogni linea in 6 punti.
- L'associazione dei fonditori di caratteri degli Stati Uniti adottò un sistema di punti per i corpi dei caratteri, in cui il nonpareil è di 6 punti e la pica di 12.
- Adobe introdusse PostScript, la cui unità di lunghezza sulla pagina è 1/72 di pollice: nelle parole di Adobe, all'incirca uguale al punto usato nella stampa.
- CSS 2.1 diventò una Raccomandazione W3C. Fissa 1 pollice a 96 px e 72 pt, quindi 1 px è 0,75 pt, e basa il pixel su un punto di uno schermo da 96 dpi visto alla distanza di un braccio.
Fonti: