Vai al contenuto
Convertitore orari di calcio d'inizio dei Mondiali è disponibileVedi i calci d’inizio nel tuo fuso orario e aggiungi promemoria al calendario.
Logo CrateX.app

CrateX.app

Convertitore di unità CSS

Converti unità CSS uno a uno tra px, rem, em, %, vw, vh, vmin, vmax, pt, cm, mm, q, ex e ch localmente con dimensione del font root, dimensione del font del genitore, viewport, DPI e impostazioni di riferimento percentuale.

px (pixel)
px
Tocca per cambiare unità

Unità di lunghezza

Tipografia

Unità viewport

Percentuale

rem (relativa al font root)
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 il contesto rem/em/%/vw/vh quando serve
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.
Base EM (Parent Font Size): determina il rapporto em e % (quando il riferimento è “dimensione del font”). È utile per ridimensionare un componente: modificando il font del genitore tutto scala in proporzione.
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.
DPI (punti per pollice): per unità fisiche pt/pc/in/cm/mm/q ↔ px. La stima predefinita di CSS è 96 DPI; i valori personalizzati sono stime di stampa/dispositivo e non il calcolo del layout finale del browser.
Suggerimenti: 1) 16px e 96 DPI sono basi comuni; 2) verificare le percentuali di layout cambiando i breakpoint; 3) questi controlli aiutano la stima in fase di progettazione e non sostituiscono il calcolo DOM/CSS finale del browser.

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 del genitore; i risultati non rappresentano un'ispezione delle metriche dei caratteri e variano a seconda di font e 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 unità fisiche ↔ px utilizzano la stima DPI configurata; il lavoro di stampa/HiDPI richiede ancora la convalida del dispositivo o della prova

Privacy e sicurezza

L’elaborazione avviene nel browser. Valore di input, unità From/To, valori memorizzati per unità, dimensione del font root, dimensione del font padre, viewport, DPI, riferimento percentuale e scelta del breakpoint possono restare nella sessione corrente del browser 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 dal valore, dalle unità e dalle impostazioni di contesto correnti, e non vengono salvati come risultati separati. Questa pagina non recupera URL e non invia valori per conversioni lato server. Sui dispositivi condivisi, svuota valori, impostazioni e dati del sito quando necessario.

Domande frequenti

4

Continua con questi strumenti correlati per il passaggio successivo.

Risorse

Guide

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.