Softonic

Conversor de pixels para EM

Etapa 1 / 2
Resultados

Converta um valor em pixels usando um tamanho de fonte como base. Para em, a base deve ser o tamanho local relevante; para rem, o tamanho do elemento raiz (<html>). Os 16 px iniciais são apenas um valor comum.

Como fazer a conversão

  1. 1

    Informe os pixels

    Digite qualquer valor numérico CSS em pixels.

  2. 2

    Escolha a base correta

    Use o tamanho local para `em` e o tamanho raiz para `rem`. A base não pode ser zero.

  3. 3

    Veja os quatro resultados

    A ferramenta mostra a razão em em/rem, a porcentagem e o valor em pontos CSS.

Fórmulas e exemplo

em ou rem = px / base · porcentagem = px / base × 100 · pt = px × 0,75

Com 24px e base de 16px, o resultado é 1.5em, 1.5rem, 150% e 18pt. Em CSS, 96px = 72pt; isso não representa necessariamente pixels físicos da tela.

Unidade Referência correta
em Tamanho calculado do elemento; em font-size, o tamanho herdado
rem Tamanho de fonte do elemento raiz
% Base escolhida expressa como 100%
pt Relação CSS fixa; não usa o campo base
  • Tamanhos em aninhados se multiplicam.
  • em e rem mostram o mesmo número porque há um único campo base, mas o significado CSS continua diferente.
  • em/rem exibem até seis casas decimais; porcentagem/pt, até quatro, sem zeros finais.

Perguntas frequentes

Use rem para medidas ligadas à raiz e em quando o componente precisar acompanhar o texto local.

Não. Preferências do navegador e o CSS do site podem alterá-la. Confira o tamanho calculado quando a precisão for importante.

O site os processa no servidor. No fluxo em etapas, eles também aparecem na URL; não informe dados sensíveis.

Ferramentas relacionadas

Gerador de cards CSS

Crie um card com seu título, texto e link opcional. Ajuste cores, borda, espaçamento, sombra e efeito ao passar o mouse. Depois copie ou baixe o HTML e o CSS.

Gerador de textura de ruído

Gere uma textura de ruído em SVG que se repete sem emendas, com opacidade, frequência do grão, tipo de ruído e cor de fundo ajustáveis, e copie o CSS já pronto.

Gerador de Docker Compose

Gere um docker-compose.yml a partir de definições de serviços com imagem, portas e volumes, com padrões de boas práticas.

Conversor de base numérica

Converta números entre binário, octal, decimal, hexadecimal e qualquer base personalizada de 2 a 36, com o detalhamento posicional.

Conversor de Tamanho de Arquivo

Converta entre bytes, KB, MB, GB, TB e as unidades binárias IEC (KiB, MiB, GiB, TiB), combinando decimal e binário como preferir.

Gerador de Imagem Markdown

Gere a sintaxe de imagem do Markdown com texto alternativo, atributo de título e link opcional. Saída inline e em estilo de referência.

Ferramenta disponível em outros idiomas