Converti pixel e rem con una base scelta

Con Pixel e REM, designer e sviluppatori front-end possono regolare un’interfaccia prima di implementarla. Converti pixel e rem con una base scelta.

Converti pixel e rem con una base scelta. Lo strumento è gratuito nel browser e mostra il risultato senza richiedere un account.

Come si usa

1. Trova le tre informazioni richieste dal modulo: il valore da convertire, la sua unità di partenza e la base in pixel.
2. Digita il valore numerico, poi indica se è espresso in PX o in REM.
3. Inserisci la base in pixel usata dal tuo progetto, ad esempio 16, perché stabilisce il rapporto tra le due unità.
4. Avvia la conversione per visualizzare il valore corrispondente nel campo del risultato.
5. Cancella i campi per ricominciare, oppure importa un file di testo accettato se i tuoi valori sono già in un documento.

Esempio

Con 24, PX e una base di 16, lo strumento converte una dimensione in pixel nel suo equivalente in rem. Controlla il valore mostrato nell'area del risultato, poi cambia il numero o la base per confrontare altri layout senza modificare il tuo foglio di stile.

Input

24
PX
16

Risultato

24px = 1.5rem

Limiti e formati

• La conversione presuppone che la base scelta corrisponda al tuo foglio di stile; una base errata produce un rapporto fuorviante.
• I file importati devono rispettare i formati di testo supportati, tra cui CSV, JSON, MD, XML o YAML, altrimenti la lettura può non riuscire.
• Lo strumento non modifica il tuo codice, non convalida un sistema di design e non sceglie la base corretta al posto tuo.
• Arrotonda il valore visualizzato se il tuo progetto richiede un numero specifico di decimali.

Dove avviene il trattamento

Tutti i calcoli vengono eseguiti all'interno del tuo browser. Il valore, l'unità e la base restano sul tuo dispositivo mentre lavori e non è necessario alcun account.

Domande frequenti

Quale base devo usare quando il mio progetto non si basa su 16 pixel?

Usa la base effettivamente definita nel tuo progetto, perché la conversione dipende da quel numero. Se sezioni diverse usano basi diverse, ripeti l'operazione per ciascuna. Copia il risultato solo dopo aver confermato quale base si applica all'elemento che stai modificando.

Posso convertire un intero elenco di valori in una volta sola?

Il modulo mostra un campo di input e un'area del risultato per la conversione. Puoi importare un file di testo supportato o ripetere l'operazione per ogni valore. Controlla ogni numero convertito prima di inserirlo in un foglio di stile o in un file di progetto.

Lo strumento arrotonda il valore convertito al posto mio?

Mostra la conversione in base al valore e alla base che inserisci. Se il tuo progetto ha una regola di arrotondamento, applicala tu stesso al risultato. Controlla il numero finale prima di usarlo in un layout in cui la precisione è importante.

Strumenti della stessa categoria

• Scala tipografica