Convertitore px, rem, em, pt, %, vw
Per chi fa siti: scrivi una misura in una qualsiasi unità e la vedi nelle altre, con la dimensione di base che usi (di solito 16 px). Sotto, la tabella dei valori più comuni e un convertitore che trasforma tutti i px di un CSS in rem.
Tabella delle dimensioni più usate
| px | rem | pt |
|---|
Converti un CSS da px a rem
Come si usa
- Imposta la dimensione di base (16 px se non l’hai cambiata).
- Scrivi una misura in una qualsiasi unità.
- Oppure incolla un CSS: i px diventano rem.
Perché nel browser
Tutto avviene nel tuo browser: i testi e i file non vengono mandati a nessun server, niente registrazione e niente pubblicità. Va bene anche per i documenti della scuola, con nomi e dati personali.
Domande frequenti
Perché usare i rem invece dei px?
Le misure in rem seguono la dimensione del carattere scelta da chi legge nel browser: chi ingrandisce il testo per vederci meglio vede crescere anche spazi e titoli in proporzione. È uno dei consigli per l’accessibilità.
Che differenza c’è tra rem ed em?
rem si riferisce al carattere della pagina (di solito 16 px), em a quello dell’elemento che lo contiene: con gli em le misure si moltiplicano se gli elementi sono uno dentro l’altro.
E i punti (pt)?
Sono la misura della tipografia e di Word: 1 pt è 1/72 di pollice, cioè 1,333 px sullo schermo. Un testo a 12 pt in Word corrisponde a 16 px.
I miei testi finiscono su un server?
No: tutto avviene nel browser, sul computer o sul telefono. Puoi anche staccare internet dopo aver aperto la pagina.
Strumenti correlati
Ti serve uno strumento che qui non c'è, o un'app per la tua scuola? Scrivimi: valuto i nuovi strumenti e costruisco app su misura.
Scrivimi