Conversor EM para PX – px, em e rem
Converta em ou rem em pixels e pixels em em e rem. Ajuste os tamanhos de fonte da raiz e do elemento pai.
Fórmulas e fontes atualizadas · Fontes de dados · 1Ver algoritmo, constantes e entradas padrão (JSON)
Sobre esta calculadora
Em font-size, em usa o tamanho herdado do pai e rem usa o da raiz. Com raiz de 16 px e multiplicador do pai de 0,8, o pai tem 12,8 px: 1,5 em = 19,2 px, mas 1,5 rem = 24 px. Selecione em ou rem para inserir tamanhos relativos e px para a conversão inversa.
Exemplo resolvido
calculado com os valores padrão abaixo
Unidade de entrada px · Tamanho da fonte raiz 16 px · Tamanho do pixel a converter 24 px · Tamanho a converter 1,5 · Tamanho do pai relativo à raiz 1 × · Proporção da escala tipográfica Terça maior (1.25) · Passos da escala 5 Tamanho em em 1,5000 em · Tamanho em rem 1,5000 rem · Equivalente em em da raiz 1,5000 em · Resultado em pixels 24,00 px · Escala tipográfica a partir do tamanho base +4: 39.06 px / 2.441 rem | +3: 31.25 px / 1.953 rem | +2: 25.00 px / 1.563 rem | +1: 20.00 px / 1.250 rem | base 0: 16.00 px / 1.000 rem · Observação Com um tamanho do elemento pai de 1 em, em e rem são idênticos
Fontes de dados
Isenção de responsabilidade
Estas calculadoras fornecem estimativas gerais. Tamanhos, preços, disponibilidade e normas variam com a marca, o retalhista e o país, pelo que deve encarar o resultado como ponto de partida e confirmá-lo com os dados do vendedor ou da autoridade.
Fonte da implementação
Este registro descreve a implementação desta página, sem validação independente. As referências externas sustentam apenas a fórmula ou definição indicada; estimativas e regras próprias mantêm suas premissas.
Fórmula e variáveis
em = px ÷ (b × ep); rem = px ÷ b; px = em × b × ep = rem × b; px_i = b × r^i (i = 0 … steps − 1)
- px
- tamanho em pixels
- b
- tamanho da raiz em pixels
- ep
- tamanho do pai como múltiplo da raiz
- em
- tamanho relativo ao pai
- rem
- tamanho relativo à raiz
- r
- proporção da escala
- px_i
- passo em pixels
- steps
- número de passos
Em font-size, em usa o tamanho herdado do pai e rem usa o da raiz. Com raiz de 16 px e multiplicador do pai de 0,8, o pai tem 12,8 px: 1,5 em = 19,2 px, mas 1,5 rem = 24 px. Selecione em ou rem para inserir tamanhos relativos e px para a conversão inversa.
Perguntas frequentes
Porque é que um em aninhado difere de um rem neste conversor?
Um rem está sempre ancorado ao tamanho da fonte raiz de 16 px, pelo que 1,5 rem são 24 px em qualquer contexto. Um em compõe-se com o elemento pai: o conversor multiplica o tamanho em pixels pelo fator do pai, pelo que um valor de 24 px dentro de um pai de 0,8 em passa a 19,2 px de em composto. É por isso que o resultado aninhado pode ser menor do que o em simples, mesmo com entradas idênticas.
Como os tamanhos do pai e da raiz afetam a conversão de em?
Em font-size, em usa o tamanho herdado do pai e rem usa o da raiz. Com raiz de 16 px e multiplicador do pai de 0,8, o pai tem 12,8 px: 1,5 em = 19,2 px, mas 1,5 rem = 24 px. Selecione em ou rem para inserir tamanhos relativos e px para a conversão inversa.