Convertire em in pixel
Con un font padre di 16 px, 1,5em corrisponde a 24 px; a 20 px lo stesso valore diventa 30 px. Inserisca la misura em e la dimensione del font padre per vedere la lunghezza reale di un margine o di un titolo. Gratis nel suo browser.
- Gratis
- Funziona nel suo browser
- Senza registrazione
- I suoi dati restano sul dispositivo
Esegui gratis nel browser
Esempio risolto
- Valore in em
- 1,5
- Dimensione del carattere del genitore (px)
- 16
- Pixel
- 24
- Valore CSS
- 24px
- Precisione
- 6
Il convertitore da em a pixel mostra la lunghezza reale in pixel rappresentata da un valore CSS relativo em con una determinata dimensione del font padre. Inserisca la misura em e la dimensione calcolata del font dell’elemento padre in pixel: il calcolatore le moltiplica e restituisce un valore stabile insieme a una misura CSS pronta da leggere. È utile per controllare tipografia, spaziatura, dimensioni dei componenti e interfacce adattive il cui ingombro cambia con le impostazioni di testo ereditate.
Comprendere che cosa rappresenta una misura em
Una em è una lunghezza CSS relativa le cui dimensioni renderizzate dipendono dal contesto tipografico. Per molte proprietà, una em corrisponde alla dimensione calcolata del font dell’elemento su cui viene usata la proprietà; quando Lei ragiona partendo da un’impostazione ereditata o dal padre, la dimensione indicata del font padre costituisce il riferimento pratico per l’anteprima. Un valore em non identifica quindi un numero permanente di pixel.
Con un riferimento di sedici pixel, una em equivale a sedici pixel e una em e mezza a ventiquattro. Con un riferimento di venti pixel, gli stessi valori relativi diventano venti e trenta pixel. Questo convertitore rende esplicita la dipendenza invece di presumere in silenzio il valore predefinito del browser.
Mostra anche la formula per agevolare la verifica. Lo strumento non ispeziona pagine, non risolve la cascata, non carica fogli di stile e non indovina quale antenato controlli una proprietà.
Visualizzare le dimensioni reali nel lavoro CSS e di design
Gli sviluppatori frontend possono usare la conversione quando controllano componenti che scalano con la tipografia locale. Un pulsante con spaziatura orizzontale di 1.25em può apparire equilibrato con un font di sedici pixel, ma occupare una larghezza reale diversa dentro una scheda che eredita diciotto pixel. Convertire entrambi i casi rende visibile l’effetto prima di aprire gli strumenti del browser.
I designer possono trasformare token relativi in annotazioni in pixel per la consegna senza modificare il sistema sorgente, mentre i revisori dell’accessibilità possono confrontare le conseguenze di impostazioni del testo ereditato più grandi. Mantenga preciso l’ambito. Questo calcolatore converte soltanto em in px; non esegue l’inverso, non risolve rem dalla radice, non valuta percentuali e non simula zoom o densità dello schermo.
Il risultato esprime pixel CSS, non pixel fisici. Poiché entrambi i percorsi condividono lo stesso algoritmo puro, un esempio verificato può entrare in una pipeline senza cambiare aritmetica.
Casi d'uso
Visualizzare la spaziatura
Veda il padding o il margine in pixel prodotto da un token em alla dimensione reale del font padre.
Preparare la consegna del design
Aggiunga annotazioni concrete in pixel mantenendo i valori em relativi nel sistema di design.
Domande frequenti
Una em equivale sempre a sedici pixel?
No. Accade solo quando il riferimento tipografico pertinente è di sedici pixel. Indichi la dimensione reale del font padre.
Posso convertire un valore em negativo?
Sì. Offset e margini relativi negativi possono essere CSS valido, quindi i valori em negativi sono accettati.
Il risultato rappresenta pixel fisici del dispositivo?
No. Rappresenta pixel CSS. La scala del browser e la densità del dispositivo stabiliscono la corrispondenza fisica.
Quale dimensione del font padre devo inserire?
La dimensione del font calcolata dell'elemento padre, in pixel: per esempio 18 se una scheda eredita quella dimensione. Lo strumento non legge la sua pagina e non indovina quale elemento la stabilisce: il dato lo fornisce lei.
Converte anche rem, percentuali o pixel in em?
No. Converte soltanto da em a pixel. Non calcola i rem rispetto all'elemento radice, né le percentuali o le unità della finestra, e non simula lo zoom del browser né la densità dello schermo.
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/em-to-px \
-H "Authorization: Bearer $KIT_KEY" \
-H "Content-Type: application/json" \
-d '{"em_value":1.5,"parent_font_size_px":16}'const res = await fetch("https://api.kit.forhosting.com/str/em-to-px", {
method: "POST",
headers: {
"Authorization": `Bearer ${process.env.KIT_KEY}`,
"Content-Type": "application/json"
},
body: JSON.stringify({
"em_value": 1.5,
"parent_font_size_px": 16
})
});
const { task_id } = await res.json();import os, requests
res = requests.post(
"https://api.kit.forhosting.com/str/em-to-px",
headers={"Authorization": f"Bearer {os.environ['KIT_KEY']}"},
json={
"em_value": 1.5,
"parent_font_size_px": 16
},
)
task_id = res.json()["task_id"]<?php
$res = file_get_contents("https://api.kit.forhosting.com/str/em-to-px", false, stream_context_create([
"http" => [
"method" => "POST",
"header" => "Authorization: Bearer " . getenv("KIT_KEY") . "\r\nContent-Type: application/json",
"content" => '{"em_value":1.5,"parent_font_size_px":16}',
],
]));
$task = json_decode($res, true);body := bytes.NewBufferString(`{"em_value":1.5,"parent_font_size_px":16}`)
req, _ := http.NewRequest("POST", "https://api.kit.forhosting.com/str/em-to-px", 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
{
"em_value": 1.5,
"parent_font_size_px": 16
}Esempio di risposta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "str.em_to_px",
"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.
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
Il calcolo è deterministico, senza rete, archiviazione, casualità o date, e ogni richiesta API automatizzata costa $0.002.
Comprendere che cosa rappresenta una misura em
La risposta ripete gli input, restituisce il numero calcolato in pixels e include un css_value come 24px. Lei fornisce la dimensione padre già calcolata, rendendo il risultato deterministico e adatto a verifiche di design, documentazione, test e flussi API.
Calcolare i pixel e controllare l’arrotondamento
Entrambi i valori obbligatori devono essere numeri finiti e il riferimento del font deve essere maggiore di zero, poiché una dimensione calcolata nulla o negativa non è una base significativa per questa anteprima. Sono accettate misure em pari a zero o negative: zero è utile nelle tabelle di token generate, mentre offset e margini relativi negativi sono validi in molti layout CSS. Per impostazione predefinita, il risultato viene arrotondato a sei cifre decimali. Non inserisca il testo dell’unità nei campi numerici: invii 1.25 invece di 1.25em e 18 invece di 18px. L’operazione è pixels uguale a em_value moltiplicato per parent_font_size_px. L’arrotondamento interessa pixels e css_value, mentre gli input restano visibili per la tracciabilità. L’implementazione normalizza inoltre lo zero negativo in zero ordinario, evitando valori inattesi nei confronti JSON. NaN, Infinity, campi mancanti, tipi non supportati, grandezze eccessive o risultati oltre il limite vengono rifiutati con invalid_input invece di produrre una cifra fuorviante.
Visualizzare le dimensioni reali nel lavoro CSS e di design
L’output è utile anche come dato di test: un generatore di temi può chiamare l’API, memorizzare il valore e verificare le dimensioni previste. Il calcolo interattivo funziona nel browser, mentre una richiesta automatizzata costa $0.002.
Casi di integrazione
Creare fixture stabili
Generi dimensioni previste deterministiche per temi, test dei componenti e documentazione CSS.
Domande tecniche
Quale formula converte em in pixel?
Moltiplichi il valore em per la dimensione del font padre in pixel CSS: pixels = em_value × parent_font_size_px.
Quanto costa una richiesta API?
Ogni richiesta automatizzata costa $0.002. Il calcolo interattivo nel browser è gratuito in questa pagina.