Converter em para pixels
Com uma fonte pai de 16 px, 1,5em dá 24 px; com 20 px, o mesmo valor vira 30 px. Informe a medida em e o tamanho da fonte pai para ver o comprimento real de uma margem ou de um título. Grátis no seu navegador.
- Grátis
- Funciona no seu navegador
- Sem cadastro
- Seus dados não saem do seu aparelho
Executar grátis
Exemplo resolvido
- Valor em em
- 1,5
- Tamanho da fonte do elemento pai (px)
- 16
- Pixels
- 24
- Valor CSS
- 24px
- Precisão
- 6
O conversor de em para pixels mostra o comprimento real em pixels representado por um valor CSS relativo em para um tamanho específico da fonte pai. Informe a medida em e o tamanho computado da fonte do elemento pai em pixels; a calculadora multiplica os dois e retorna um valor estável, além de uma medida CSS pronta para leitura. Isso ajuda a revisar tipografia, espaçamento, dimensões de componentes e interfaces responsivas cujo tamanho muda com configurações de texto herdadas.
Entenda o que uma medida em representa
Uma em é um comprimento CSS relativo cujo tamanho renderizado depende do contexto tipográfico. Em muitas propriedades, uma em corresponde ao tamanho computado da fonte do elemento em que a propriedade é usada; quando você parte de uma configuração herdada ou do elemento pai, o tamanho informado da fonte pai oferece a referência prática para a visualização. Portanto, um valor em não identifica uma quantidade permanente de pixels.
Com uma referência de dezesseis pixels, uma em vale dezesseis pixels e uma em e meia vale vinte e quatro. Com uma referência de vinte pixels, os mesmos valores relativos tornam-se vinte e trinta pixels. Este conversor deixa essa dependência explícita em vez de presumir silenciosamente o padrão do navegador.
Ela também apresenta a fórmula para facilitar a conferência. A ferramenta não inspeciona páginas, resolve a cascata, carrega folhas de estilo nem adivinha qual ancestral controla uma propriedade.
Visualize tamanhos reais em CSS e design
Desenvolvedores frontend podem usar a conversão ao revisar componentes que escalam com a tipografia local. Um botão com preenchimento horizontal de 1.25em pode parecer equilibrado com fonte de dezesseis pixels, mas ocupar outra largura real dentro de um cartão que herda dezoito pixels. Converter os dois casos torna o impacto visível antes de abrir as ferramentas do navegador.
Designers podem transformar tokens relativos em anotações de pixels para o handoff sem alterar o sistema de origem, e revisores de acessibilidade podem comparar as consequências de configurações maiores de texto herdado. Mantenha o escopo preciso. Esta calculadora converte somente em para px; ela não faz a conversão inversa, não resolve rem pela raiz, não avalia percentuais nem simula zoom ou densidade da tela.
O resultado usa pixels CSS, não pixels físicos. Como os dois caminhos usam o mesmo algoritmo puro, um exemplo conferido pode seguir para um pipeline sem alterar a aritmética.
Casos de uso
Visualizar espaçamento
Veja o preenchimento ou a margem em pixels gerados por um token em no tamanho real da fonte pai.
Preparar o handoff de design
Acrescente anotações concretas em pixels mantendo os valores em relativos no sistema de design.
Perguntas frequentes
Uma em sempre equivale a dezesseis pixels?
Não. Isso só ocorre quando a referência tipográfica pertinente é de dezesseis pixels. Informe o tamanho real da fonte pai.
Posso converter um valor em negativo?
Sim. Deslocamentos e margens relativos negativos podem ser CSS válido, portanto valores em negativos são aceitos.
O resultado representa pixels físicos do dispositivo?
Não. Ele representa pixels CSS. A escala do navegador e a densidade do dispositivo definem o mapeamento físico.
Que tamanho de fonte pai devo informar?
O tamanho de fonte calculado do elemento pai, em pixels; por exemplo, 18 se um card herda esse tamanho. A ferramenta não lê a sua página nem adivinha qual elemento define a fonte: você fornece esse dado.
Ela também converte rem, porcentagens ou pixels para em?
Não. Ela só converte de em para pixels. Não calcula rem em relação ao elemento raiz, porcentagens nem unidades da janela, e não simula o zoom do navegador nem a densidade da tela.
Ferramentas relacionadas
Para desenvolvedores — acesso via API
Tudo nesta página está disponível via API. Esta seção é para equipes que querem integrar a ferramenta aos próprios sistemas; quem não precisa disso pode simplesmente usar a ferramenta acima.
Endpoint
Autenticação por token Bearer. Um único POST coloca a tarefa na fila; o resultado chega por webhook ou link assinado.
Chame do seu código
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)Exemplo de requisição
{
"em_value": 1.5,
"parent_font_size_px": 16
}Exemplo de resposta
{
"task_id": "tsk_a1b2c3d4e5f6a1b2c3d4e5f6",
"type": "str.em_to_px",
"status": "queued",
"_links": {
"result": "/tasks/tsk_…/result"
}
}A API é assíncrona: cada chamada devolve um task_id na hora. Se preferir polling, consulte o status a até 1 requisição por segundo.
Preço
Preço publicado, sem tokens nem créditos escondidos. Tarefa que falha não é cobrada.
Erros
| HTTP | Código | O que significa |
|---|---|---|
401 | unauthorized | Token ausente ou inválido. Confira o header Authorization. |
402 | insufficient_balance | Saldo insuficiente para esta tarefa. Faça uma recarga e tente de novo. |
404 | unknown_type | Esse tipo de tarefa não existe. Confira o campo type no catálogo. |
429 | rate_limited | Muitas requisições em pouco tempo. Espere um instante e tente de novo. |
Notas técnicas
O cálculo é determinístico, sem rede, armazenamento, aleatoriedade ou datas, e cada solicitação automatizada à API custa US$ 0,002.
Entenda o que uma medida em representa
A resposta repete as entradas, devolve o número calculado em pixels e inclui um css_value como 24px. Você fornece o tamanho pai já computado, tornando o resultado determinístico e adequado para verificações de design, documentação, testes e fluxos de API.
Calcule pixels e controle o arredondamento
Os dois valores obrigatórios devem ser números finitos, e a referência da fonte deve ser maior que zero, pois um tamanho computado nulo ou negativo não é uma base significativa para esta visualização. Medidas em iguais a zero ou negativas são aceitas: zero é útil em tabelas de tokens geradas, enquanto deslocamentos e margens relativos negativos são válidos em muitos layouts CSS. Por padrão, o resultado em pixels é arredondado para seis casas decimais. Não inclua texto de unidade nos campos numéricos: envie 1.25 em vez de 1.25em e 18 em vez de 18px. A operação é pixels igual a em_value multiplicado por parent_font_size_px. O arredondamento afeta pixels e css_value, enquanto as entradas permanecem visíveis para rastreabilidade. A implementação também normaliza zero negativo para zero comum, evitando valores inesperados em comparações JSON. NaN, Infinity, campos ausentes, tipos incompatíveis, magnitudes excessivas ou resultados além do limite são rejeitados com invalid_input, em vez de produzir uma resposta enganosa.
Visualize tamanhos reais em CSS e design
A saída também serve como dado de teste: um gerador de temas pode chamar a API, armazenar o valor e verificar as dimensões esperadas. O cálculo interativo roda no navegador, enquanto uma solicitação automatizada custa US$ 0,002.
Casos de integração
Criar fixtures estáveis
Gere tamanhos esperados e determinísticos para temas, testes de componentes e documentação CSS.
Perguntas técnicas
Qual fórmula converte em para pixels?
Multiplique o valor em pelo tamanho da fonte pai em pixels CSS: pixels = em_value × parent_font_size_px.
Quanto custa uma solicitação à API?
Cada solicitação automatizada custa US$ 0,002. O cálculo interativo no navegador é gratuito nesta página.