Pixel in unità em
Converta una dimensione in pixel in em rispetto al suo genitore: 24 px dentro un genitore di 16 px sono 1,5 em, pronti da incollare come 1.5em. Così testo e spaziature crescono con il carattere del genitore e con le impostazioni del lettore. Gratis nel suo browser.
- Gratis
- Funziona nel suo browser
- Senza registrazione
- I suoi dati restano sul dispositivo
Esegui gratis nel browser
Esempio risolto
- Px
- 24
- Elemento padre
- 16
- Em
- 1,5
- Em (CSS)
- 1.5em
- Rapporto
- 1,5
- Precisione
- 10
Questo convertitore da pixel a em trasforma una dimensione del carattere CSS espressa in pixel in unità em usando la dimensione del carattere dell'elemento genitore come base di riferimento. L'identità usata è pienamente deterministica: em è uguale a px diviso per il genitore. Designer, ingegneri frontend e auditor di accessibilità usano questa conversione quando riscrivono scale tipografiche fisse in fogli di stile scalabili che crescono con le impostazioni del carattere dell'utente e il contesto dei componenti annidati. Il motore usa solo aritmetica finita, senza chiamate di rete, senza campionamento e senza scorciatoie dipendenti dalla data.
Dove la conversione px–em si inserisce in design system, CSS e software
I design system spesso memorizzano token di spaziatura e tipografia in pixel per gli strumenti di design, mentre il CSS di produzione preferisce em per componenti annidati che devono scalare con la dimensione del carattere locale; un unico convertitore deterministico evita la deriva della calcolatrice a mano quando un designer, un ingegnere frontend o uno studente riscrive un foglio di stile.
Le audit di accessibilità convertono padding fissi in pixel e dimensioni legate alla riga in em affinché lo zoom del testo e le impostazioni del carattere dell'utente ingrandiscano i target di tocco in modo proporzionale; i template e-mail e le skin legacy mescolano ancora lunghezze assolute e relative e necessitano di un controllo rapido offline prima di un rilascio.
I docenti assegnano compiti che richiedono un controllo rapido di corpo a sedici pixel e titoli a ventiquattro senza fidarsi di app opache che passano silenziosamente a rem o omettono la base del genitore. Gli sviluppatori richiamano lo stesso contratto da script per seminare vettori di test deterministici per generatori di temi, normalizzare dimensioni immesse dall'utente prima di dimensionare demo, o soddisfare enunciati di sfide di programmazione che esigono rapporti esatti anziché una stima approssimativa.
Gli strumenti di prodotto usano la riscrittura quando un discente o un agente digita ventiquattro pixel e un genitore di sedici e l'interfaccia deve mostrare uno virgola cinque em accanto all'eco in pixel. Tenga separati gli strumenti rem o viewport quando il riferimento è la radice a cascata o il viewport anziché la dimensione del carattere del genitore, e tenga questo convertitore focalizzato quando la domanda è strettamente da pixel a unità em per tipografia scalabile e accessibile.
Casi d'uso
Design token e scale tipografiche
Converta token di tipografia e spaziatura in pixel in em affinché i componenti annidati scalino con la dimensione del carattere del genitore.
Riscritture di fogli di stile e accessibilità
Riscriva dimensioni del carattere fisse in pixel in em affinché lo zoom del testo e la fonte dell'utente ingrandiscano il layout in modo proporzionale.
Domande frequenti
Quanto costa il convertitore da pixel a em?
È gratuito nel Suo browser in questa pagina.
Come sono collegati pixel ed em?
Con una dimensione del carattere del genitore in pixel, em = px / parent. Un em equivale alla dimensione del carattere del genitore, quindi 24px con parent 16 produce 1.5em.
Cosa succede se la dimensione del carattere del genitore è zero?
Un parent zero rende em = px/parent indefinito (divisione per zero).
Questo strumento converte em di nuovo in pixel, o rem?
No. Questa capacità converte solo i pixel in em data una dimensione del carattere del genitore esplicita in pixel. Usi strumenti dedicati per la conversione inversa o verso rem.
Perché i risultati sono arrotondati a una precisione?
La precisione predefinita è 10 decimali; può impostare precision da 0 a 15.
Strumenti correlati
Per sviluppatori — accesso via API
Tutto quello che vedi in questa pagina è disponibile anche via API. Questa sezione è per i team che vogliono integrarlo nei propri sistemi; chi non ne ha bisogno può semplicemente usare lo strumento qui sopra.
Endpoint
Autenticazione con Bearer token: un POST mette in coda l'attività e il risultato arriva via webhook o link firmato.
Chiamala dal tuo stack
curl -X POST https://api.kit.forhosting.com/str/px-to-em \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"px":24,"parent":16}'const res = await fetch("https://api.kit.forhosting.com/str/px-to-em", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"px": 24,
"parent": 16
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/str/px-to-em",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"px": 24,
"parent": 16
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/str/px-to-em", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"px":24,"parent":16}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"px":24,"parent":16}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/str/px-to-em", body)
req.Header.Set("Authorization", "Bearer "+os.Getenv("KIT_KEY"))
req.Header.Set("Content-Type", "application/json")
res, _ := http.DefaultClient.Do(req)Esempio di richiesta
{
"px": 24,
"parent": 16
}Esempio di risposta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "str.px_to_em",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}L'API è asincrona: ricevi subito un task_id e puoi fare polling fino a 1 richiesta al secondo.
Prezzi
Prezzo pubblicato, senza token né crediti. Se l'attività fallisce, non paghi.
Limiti
max_abs_value | 1000000000000000 |
Errori
| HTTP | Codice | Significato |
|---|---|---|
401 | unauthorized | Chiave API mancante o non valida: controlla l'header Authorization. |
402 | insufficient_balance | Credito esaurito: ricarica per continuare a eseguire attività. |
404 | unknown_type | Tipo di attività sconosciuto: controlla il campo type della richiesta. |
429 | rate_limited | Troppe richieste in poco tempo: rallenta e riprova tra qualche secondo. |
Note tecniche
La tipografia relativa dipende da quella base: un em equivale alla dimensione del carattere calcolata del genitore, così ventiquattro pixel con un genitore di sedici pixel valgono uno virgola cinque em, e quattordici pixel con lo stesso genitore valgono zero virgola otto sette cinque em.
Cosa significano pixel ed em e cosa contiene la risposta
Una conversione CSS da pixel a em risponde a una domanda di layout precisa: data una dimensione del carattere o una lunghezza di spaziatura in pixel e la dimensione del carattere dell'elemento genitore in pixel, qual è la magnitudine equivalente in em affinché tipo, padding e dimensioni dei componenti restino proporzionali quando cambiano la cascata o lo zoom dell'utente. I pixel sono lunghezze assolute indipendenti dal dispositivo in CSS; l'em è relativo alla dimensione del carattere calcolata dell'elemento genitore, così lo stesso valore em si scala automaticamente quando cambia la dimensione del genitore. Zero è un valore px valido e produce semplicemente zero em, utile per azzerare un token di dimensione o affermare una spaziatura vuota. Questa calcolatrice accetta un valore numerico px e una dimensione del carattere del genitore in pixel, quindi restituisce il risultato em arrotondato a una precisione stabile, una stringa compatta em_css come 1.5em pronta da incollare in un foglio di stile, gli input riecheggiati, un campo ratio uguale al risultato em per chiarezza nelle tabelle e un breve promemoria della formula. In questa pagina non c'è un percorso inverso da em a px, né ricerca della root rem, né matematica del viewport, né simulazione di media-query: il motore divide px per parent entro l'intervallo di magnitudine supportato oppure rifiuta l'input con invalid_input. I casi rifiutati includono px o parent mancanti, numeri non finiti, magnitudini oltre il tetto documentato e qualsiasi parent zero o numericamente zero, perché em uguale a px su parent dividerebbe per zero. Se le serve conversione bidirezionale, rem, percentuali o unità di viewport, usi gli strumenti dedicati a quei domini; questa pagina risponde solo da pixel a em con una dimensione del carattere del genitore nota e un'uscita numerica stabile adatta a fogli di lavoro, test unitari e consumatori API che non devono inventare fattori a mano.
Come si leggono px, parent e precision e come i risultati restano riproducibili
La notazione scientifica opzionale sulle stringhe numeriche è consentita quando il parse produce un decimale finito; spazi incorporati, prefissi hex e token non numerici vengono rifiutati con un messaggio chiaro affinché una cella errata di foglio di calcolo non diventi una dimensione del tipo sbagliata. Il calcolo è una sola divisione: em è uguale a px diviso per parent. I docenti possono anche usare lo stesso contratto per correggere compiti che chiedono di convertire una scala tipografica in pixel in em per titoli e corpo annidati. I campi preferiti sono px per la magnitudine in pixel e parent per la dimensione del carattere del genitore in pixel, con alias pixels, size, font_size, value e amount per il campo pixel, e base, parent_px, parent_font_size, base_font_size e root per il campo parent, così client eterogenei condividono un unico contratto. Un parent zero fallisce sempre con invalid_input perché la conversione relativa a em è indefinita senza una dimensione del carattere del genitore diversa da zero. Abbini l'esecuzione gratuita nel browser di questa pagina all'API a pagamento quando le serve lo stesso risultato matematico in una pipeline automatizzata senza reimplementare da sé la matematica tipografica.
Dove la conversione px–em si inserisce in design system, CSS e software
In questa pagina il lavoro gira interamente nel Suo browser; tramite l'API ogni consultazione riuscita costa $0.002, la validazione fallita non viene addebitata e nulla viene memorizzato dopo la risposta. Quella suddivisione — esplorazione interattiva gratuita e API identica a pagamento — allinea al resto del catalogo KIT di livello A e le consente di passare da una demo in aula a una pipeline automatizzata senza cambiare il risultato matematico.
Casi di integrazione
Fixture CI deterministiche
Generi coppie px→em riproducibili per generatori di temi, test unitari e pipeline di design system.