Vai al contenuto
Logo CrateX.app

CrateX.app

Convertitore di unità CSS

Converti localmente le unità CSS uno a uno tra px, rem, em, %, vw, vh, vmin, vmax, pt, pc, in, cm, mm, q, ex e ch utilizzando la dimensione del font root, la dimensione del font di riferimento EM, il viewport e le impostazioni del riferimento percentuale. Le unità CSS assolute utilizzano il rapporto fisso 1in = 96px.

px
Tocca per cambiare unità

Unità di lunghezza

Tipografia

Unità viewport

Percentuale

rem
Tocca per cambiare unità

Unità di lunghezza

Tipografia

Unità viewport

Percentuale

Convertitore di unità CSS

Avvio rapido

1
Inserisci un valore e scegli l’unità di partenza
2
Scegli l’unità di arrivo o usa Scambia per invertire
3
Imposta root/riferimento EM/%/viewport secondo necessità; per EM usa la dimensione font reale della proprietà.
4
Copia il risultato convertito
5
Cambia preset viewport per controllare vw/vh

Scenari comuni

Utilità

layout responsive, collaborazione design‑frontend, corrispondenza schermo/stampa e uniformità nelle convenzioni di stile

Consigli d'uso

Definisci una base: 16 px come font root è una scelta comune che facilita il calcolo mentale rem ↔ px
Per il testo si consiglia rem: facilita la scalabilità globale e l’accessibilità; per i componenti locali si può usare em per scalare in modo relativo
Utilizza le unità viewport per le stime del layout: combinale con punti di interruzione e vincoli min/max per evitare estremi
Arrotondamento: i risultati mantengono una precisione ragionevole per evitare numeri troppo lunghi e poco leggibili

Parametri di conversione e contesto

Base REM (Root Font Size): determina il rapporto rem ↔ px. In ambito web 16 px è un valore comune che facilita il calcolo (1 rem ≈ 16 px). Se il design non usa 16 px come base, puoi modificarlo per stimare rapidamente i valori rem.
Dimensione del font di riferimento EM: inserisci la dimensione del font effettivamente utilizzata dalla proprietà. em utilizza normalmente la dimensione calcolata del font dell’elemento corrente; per font-size e proprietà relative al font simili, utilizza la dimensione del font del genitore. Questo riferimento viene utilizzato anche per le approssimazioni ex/ch e per % quando è selezionato “Dimensione del font”.
Riferimento %: scegli “dimensione del font/larghezza/altezza” come base per %. Per il layout usa larghezza/altezza; per la tipografia (ad es. line-height) scegli dimensione del font.
Preset di breakpoint: Mobile/Tablet/Desktop/Schermo grande impostano automaticamente larghezza/altezza della viewport per verificare le conversioni. È solo una stima, non sostituisce le media query reali.
Dimensioni viewport: servono per convertire vw/vh/vmin/vmax e % (se basato su larghezza/altezza). Su dispositivi reali intervengono anche barra degli indirizzi, safe area e scrollbar, quindi piccole differenze sono normali.
Suggerimenti: 1) 16px è un valore comune per il font root e il riferimento EM, ma usa la dimensione del font effettivamente utilizzata dalla proprietà; 2) verifica le percentuali di layout cambiando breakpoint; 3) questi controlli supportano le stime in fase di progettazione e non sostituiscono il calcolo DOM/CSS finale del browser. Le unità assolute utilizzano sempre 1in = 96px.

Limitazioni e compatibilità

Il riferimento % dipende dalla proprietà CSS, contenente il blocco e la modalità layout; questo strumento utilizza il riferimento scelto per la dimensione del carattere/larghezza della finestra/altezza della finestra per la stima, non una misurazione del genitore/contenitore in tempo reale
ex/ch sono approssimazioni basate sulla dimensione del font di riferimento EM; i risultati non costituiscono un’analisi delle metriche del font e variano a seconda del font e del browser.
I classici vw/vh/vmin/vmax variano con barre di scorrimento/barre degli indirizzi/aree sicure; questo strumento non calcola le unità di query dvh/svh/lvh, vi/vb, area sicura o contenitore
Le conversioni delle unità CSS assolute utilizzano il rapporto fisso 1in = 96px. Per mettere in relazione i pixel fisici dello schermo con le dimensioni di stampa è necessario un flusso di lavoro separato per dispositivo e stampa, non fornito da questo strumento.

Privacy e sicurezza

L’elaborazione avviene nel browser. Il valore di input, le unità From/To, i valori memorizzati per unità, la dimensione del font root, la dimensione del font di riferimento EM, il viewport, il riferimento percentuale e la scelta del breakpoint possono restare nella sessione corrente o nell’archiviazione del browser. Se salvi un’area di lavoro o attivi la sincronizzazione WebDAV, questi valori possono essere salvati in base alle impostazioni di sincronizzazione. I risultati convertiti vengono ricalcolati a partire dal valore, dalle unità e dalle impostazioni di contesto correnti e non vengono archiviati come risultati separati. Questa pagina non recupera URL né invia valori per conversioni lato server. Sui dispositivi condivisi, cancella valori, impostazioni e dati del sito quando necessario.

Domande frequenti

4

Continua con questi strumenti correlati per il passaggio successivo.

Informazioni

Chi siamo
Prezzi

Note legali

Termini di servizio
Informativa sulla privacy
Informativa sui cookie

Preferenze

Gestisci i cookie

Tutta l'elaborazione degli strumenti avviene localmente nel tuo browser.