Skip to main content
CalculoraCalculora

Finanza e Affari

FinanzaInvestimenti e PianificazioneFinanza PersonaleInvestimenti ImmobiliariBusinessStartup e SaaS

Matematica e Tecnologia

MatematicaIngegneriaStrumenti di FisicaStrumenti per SviluppatoriStrumenti Scolastici

Salute e Vita

Strumenti MediciUtilità IntelligentiRandomizzatori

Creatività e Specialità

Economia dei CreatoriIslamicoSostenibilitàGiochi

Convertitori

Convertitore di unitàConvertitore lunghezzaConvertitore pesoConvertitore temperatura→ Convertitori di Unità

Generatori Casuali

Generatore numeri casualiVerifica Forza PasswordGira la ruotaSimulatore Lancio MonetaLanciatore di DadiCalcolatore Sovrapposizione Fusi Orari→ Randomizzatori
Convertitore File

Strumenti PDF

Converti PDF in JPGConverti PDF in PNGEstrai testo da PDFConverti PDF in GIFConverti PDF in WebPConverti PDF in SVGConverti PDF in WordConverti PDF in ExcelConverti PDF in PowerPointConverti PDF in HTMLConverti PDF in MarkdownConverti PDF in TIFF

Convertitore Immagini

Converti JPG in PNGConverti PNG in JPGConverti PNG in WebPConverti WebP in PNGConverti WebP in JPGConverti JPG in WebPConverti SVG in PNGConverti SVG in JPGConverti SVG in WebPConverti BMP in PNGConverti BMP in JPGConverti BMP in WebP

Immagini avanzate

Converti HEIC in JPGConverti HEIC in PNGConverti TIFF in JPGConverti TIFF in PNGConverti JPG in TIFFConverti PNG in TIFFConverti JPG in ICOConverti PNG in ICOConverti JPG in AVIFConverti PNG in AVIF

GIF e animazione

Converti fotogrammi GIF in PNGConverti fotogrammi GIF in JPGEstrattore fotogrammi GIFConverti PNG in GIFConverti JPG in GIFConverti GIF in WebP

Modifica

Aggiungi filigranaRimuovi oggetti dall'immagineRidimensiona le immagini istantaneamente nel browserComprimi immagini online — riduci le dimensioni, mantieni la qualità
Sfida di Velocità MatematicaSfida di Calcolo MentaleWordleBint WaladSudoku2048
Convertitore di Valute
CalculoraCalculora

La tua piattaforma all-in-one per calcolatori. Strumenti gratuiti, veloci e precisi per ogni esigenza.

100% privato - tutti i calcoli avvengono nel tuo browser, nessun dato inviato a serverGratuito per sempre - nessun paywall, nessun abbonamento, nessun account necessario

Popolari

  • Calcolatrice BMI
  • Calcolatrice prestito
  • Calcolatrice età
  • Calcolatrice mutuo
  • Calcolatrice percentuale
  • Calcolatrice scientifica
  • Vedi tutto →

Categorie

  • Matematica
  • Finanza
  • Salute e Vita
  • Finanza e Affari
  • Strumenti per Sviluppatori
  • Ingegneria
  • Categorie →

Altro

  • Convertitore di Valute
  • Convertitore File
  • Giochi e Strumenti

Legale

  • Chi Siamo
  • Contattaci
  • Informativa sulla Privacy
  • Termini di Servizio
  • Disclaimer
  • Mappa del sito

Lingue

enEnglisharالعربيةesEspañoldeDeutschfrFrançaishiहिन्दीidBahasa IndonesiaitItalianoja日本語ko한국어ptPortuguêsruРусскийtrTürkçeviTiếng Việtbnবাংলাzh中文nlNederlandsplPolskiukУкраїнськаmsBahasa Melayuthภาษาไทย

© 2026 Calculora. Tutti i diritti riservati.

Realizzato con - 100% gratuito

Nessun server - sito completamente statico, zero raccolta dati

  1. Home
  2. Strumenti per Sviluppatori
  3. Convertitore Unità CSS

Convertitore Unità CSS

Converti istantaneamente tra px, rem, em, pt, vw, vh e %, usando la tua dimensione del font base e le dimensioni del viewport — basta indovinare quanto vale davvero 1.5rem in pixel.

Caricamento calcolatore...
Questo strumento ti è stato utile?

Cos'e' Convertitore Unità CSS?

CSS supporta diverse unità per le dimensioni — quelle assolute come px e pt, e quelle relative come rem, em, vw, vh e %. Le unità relative sono essenziali per un design responsivo e accessibile (rem in particolare rispetta la preferenza di dimensione del font del browser dell'utente), ma convertire mentalmente tra loro è davvero difficile, poiché il risultato dipende dal contesto: la dimensione del font radice, la dimensione del font dell'elemento corrente, o le dimensioni del viewport. Questo convertitore fa quel calcolo per te: imposta la tua dimensione del font base, le dimensioni del viewport e il valore che stai convertendo, e vedi istantaneamente il valore equivalente in ogni altra unità — utile per tradurre le misure in pixel di un mockup di design in valori rem/vw responsivi, o per verificare cosa renderizza realmente sullo schermo una regola CSS esistente.

Quando Usare Questo Calcolatore

  • Quando devi valutare i costi dello strumento prima di iniziare un progetto
  • Quando confronti i risultati con altri strumenti simili
  • Quando impari a usare lo strumento in diversi scenari
  • Quando condividi i risultati con il team o i clienti
  • Quando verifichi l'accuratezza dei calcoli dello strumento
  • Quando cerchi un modo rapido e semplice per risolvere un problema specifico

Passaggi:

  1. Inserisci il valore che vuoi convertire e seleziona la sua unità di partenza.
  2. Imposta la tua dimensione del font base (predefinita allo standard del browser di 16px).
  3. Per le conversioni vw/vh, inserisci la larghezza e l'altezza del viewport di destinazione.
  4. Leggi istantaneamente il valore equivalente in ogni altra unità.

Formula

1rem = 1em = dimensione font base (predefinita 16px) 1pt = 96/72 px ≈ 1,333px 1vw = larghezza viewport / 100 1vh = altezza viewport / 100 1% = valore di riferimento / 100

Casi d'Uso

  • Convertire le specifiche in pixel di un mockup Figma/Sketch di un designer in valori rem per CSS accessibile
  • Controllare cosa renderizza realmente una dimensione del font responsiva basata su vw a una larghezza dello schermo specifica
  • Tradurre CSS legacy per stampa o email basato su pt in px o rem standard per il web
  • Verificare se la scala di spaziatura di un design system è coerente tra le diverse unità
  • Controllare rapidamente un valore CSS durante una code review senza aprire gli strumenti per sviluppatori

Vantaggi Principali

  • Converte tra tutte e 7 le unità CSS comuni in un unico posto
  • Usa la tua dimensione del font base e il viewport reali, non un'ipotesi fissa
  • Risultati istantanei mentre digiti — nessun bisogno di aprire gli strumenti per sviluppatori del browser
  • Gratuito, senza registrazione, funziona interamente nel tuo browser

Consigli Pro

  • Preferisci rem a em per le dimensioni del font per evitare accumuli imprevisti nei componenti annidati
  • Usa dvh/svh invece di vh per i layout mobili a schermo intero se i tuoi browser target li supportano
  • Mantieni una dimensione del font base coerente in tutto il tuo design system affinché le conversioni rem restino prevedibili
  • Quando traduci un design pixel-perfect, converti la spaziatura in rem ma mantieni la larghezza dei bordi e altri dettagli fini in px

Errori Comuni da Evitare

  • Presumere che 1rem equivalga sempre a 16px, senza controllare se la dimensione del font radice è stata modificata
  • Usare vh per layout mobili a schermo intero senza considerare il comportamento della barra degli indirizzi del browser
  • Annidare dimensioni del font basate su em ed essere sorpresi quando si accumulano inaspettatamente
  • Mescolare px e rem in modo incoerente all'interno dello stesso componente, rompendo la scalabilità dell'accessibilità

Termini Chiave Spiegati

  • Dimensione font radice: la dimensione del font impostata sull'elemento html, rispetto alla quale sono relative tutte le unità rem
  • Viewport: l'area visibile di una pagina web nella finestra del browser
  • Unità assoluta: un'unità come px o pt con una dimensione fissa nel mondo reale, non relativa ad alcun contesto
  • Unità relativa: un'unità come rem, em, vw o % la cui dimensione dipende da un altro valore

Concetti correlati

  • [object Object]
  • [object Object]
  • [object Object]
  • [object Object]
  • [object Object]

Esempio

Con una dimensione del font base di 16px, 1.5rem si converte in 24px. Con una larghezza del viewport di 1440px, 5vw si converte in 72px.

Interpretazione dei risultati

Questo strumento mostra risultati dettagliati in base agli input forniti. Esamina attentamente ogni sezione per capire come interpretare i numeri e prendere decisioni basate su di essi. Se hai domande sul funzionamento dello strumento o sull'interpretazione di risultati specifici, consulta la sezione Domande Frequenti qui sotto o contatta il supporto.

Domande Frequenti

Qual è la differenza tra rem ed em?
rem è sempre relativo alla dimensione del font dell'elemento radice (html), quindi rimane coerente indipendentemente da quanto in profondità sia annidato un elemento. em è relativo alla dimensione del font dell'elemento corrente, il che significa che può accumularsi quando annidato — questo strumento tratta entrambi allo stesso modo per semplicità, usando la tua dimensione del font base.
Perché 1rem di solito equivale a 16px?
16px è la dimensione del font predefinita del browser per l'elemento radice html in praticamente ogni browser. Poiché rem è relativo a quella dimensione radice, 1rem equivale a 16px a meno che la pagina (o le impostazioni del browser dell'utente) non modifichino esplicitamente la dimensione del font radice.
A cosa servono vw e vh?
vw (larghezza viewport) e vh (altezza viewport) sono percentuali della larghezza e altezza attuali della finestra del browser — 1vw equivale all'1% della larghezza del viewport. Sono comunemente usati per layout a schermo intero e tipografia responsiva che si adatta allo schermo.
Un pixel è sempre esattamente 1/96 di pollice?
Secondo la specifica CSS, sì — un pixel CSS è definito come 1/96 di pollice, motivo per cui 1pt (1/72 di pollice) si converte esattamente in 96/72 = 1,333 pixel CSS.
Questo strumento è gratuito?
Sì, questo strumento è completamente gratuito e non richiede registrazione. Puoi usarlo liberamente.
I dati sono al sicuro?
Sì, tutti i calcoli avvengono nel tuo browser. Nessun dato viene inviato ai nostri server.
Posso usare lo strumento sul telefono?
Sì, lo strumento è compatibile con tutti i dispositivi, inclusi smartphone e tablet.
Come salvo i risultati?
Puoi copiare i risultati o esportarli come file PDF o CSV se questa funzione è disponibile.
I risultati sono precisi?
I risultati si basano su formule ed equazioni riconosciute. Verifica l'inserimento dei valori per la massima precisione.
Posso usare lo strumento offline?
Sì, la maggior parte dei calcoli avviene localmente nel tuo browser e non richiede connessione Internet.
Come risolvo un problema con lo strumento?
Assicurati di usare l'ultima versione del browser e svuota la cache se necessario. Se il problema persiste, contatta il supporto.

Strumenti Correlati

Esplora altri strumenti

Calcolatore di rapporto d'aspetto

Calcolatore Larghezza di Banda

Calcolatore Tempo Download

Calcolatore Costi Hosting Cloud

Calcolatore Costo CDN

Calcolatore di monetizzazione API

Strumenti simili

Calcolatore di rapporto d'aspetto
Strumenti per Sviluppatori
Calcolatore Larghezza di Banda
Strumenti per Sviluppatori
Calcolatore Tempo Download
Strumenti per Sviluppatori
Calcolatore Costi Hosting Cloud
Strumenti per Sviluppatori
px
16
rem
1
em
1
pt
12
vw
1.1111
vh
1.7778
%
100