O tamanho de fonte base é usado apenas para converter em e rem — não afeta as demais unidades (px, pt, in, cm, mm, pc), que têm tamanho físico fixo.
Resultado
Esta página não tem lado servidor nenhum. A tabela colada é processada por JavaScript dentro do seu próprio navegador, o gráfico é desenhado num elemento canvas da sua máquina e o arquivo de exportação é montado localmente. Nada é enviado, armazenado ou gravado em qualquer log. Você pode desconectar a rede depois que a página carregar e tudo continuará funcionando — é a forma mais simples de verificar você mesmo.
Fatos e limites do método
| Unidade base | Pixel CSS a 96 pontos por polegada — o padrão da especificação CSS |
|---|---|
| 1 ponto (pt) | 96/72 px ≈ 1,333333 px |
| 1 polegada (in) | 96 px |
| 1 pica (pc) | 16 px (1/6 de polegada) |
| 1 em / 1 rem | Igual ao tamanho de fonte base que você definir (padrão 16 px) |
Quando induz ao erro
- px, pt, in, cm, mm e pc têm tamanho físico fixo segundo a especificação CSS (96 px = 1 polegada) e não dependem das configurações de fonte — convertem-se entre si de forma inequívoca.
- em e rem são unidades relativas: 1 em equivale ao tamanho de fonte do elemento pai, 1 rem equivale ao tamanho de fonte do elemento raiz (html); neste conversor ambas são convertidas usando o mesmo valor de "tamanho de fonte base" que você fornecer, o que simplifica para o caso típico em que em é usado em um elemento com o mesmo tamanho de fonte da raiz.
- Na prática, em aplicado a elementos aninhados com tamanhos de fonte diferentes pode se acumular (2em dentro de um elemento com font-size: 2em resulta visualmente em 4× o valor base) — esse efeito de herança em cascata não é modelado aqui, pois se trata de uma conversão de unidades linear simples.
- O arredondamento é aplicado apenas ao resultado exibido — os cálculos internos usam toda a precisão dos números de ponto flutuante do JavaScript.
Como é calculado
Para as unidades com tamanho físico fixo (px, pt, in, cm, mm, pc), fatores de conversão exatos para pixels são predefinidos conforme o padrão CSS (96 px = 1 polegada = 2,54 cm).
Para em e rem, o fator de conversão para pixels equivale ao tamanho de fonte base que você especificar (padrão 16 px, um valor padrão típico de navegador).
O valor digitado é multiplicado pelo fator da unidade de origem, dando um valor em pixels.
O valor em pixels é dividido pelo fator da unidade de destino, dando o resultado na unidade desejada, arredondado para o número de casas decimais escolhido.
Perguntas e respostas
Por que preciso especificar um tamanho de fonte base?
Porque em e rem são unidades relativas: seu tamanho físico em pixels depende de qual tamanho de fonte é tratado como "1 unidade". Para as demais unidades (px, pt, in etc.) esse campo não afeta o resultado.
Qual a diferença entre rem e em na prática?
rem sempre é medido a partir do tamanho de fonte do elemento raiz da página (html), enquanto em é medido a partir do tamanho de fonte do pai mais próximo, o que pode fazer os valores de em se acumularem quando aninhados; rem costuma ser mais previsível em layouts complexos.
Qual tamanho de fonte base devo usar por padrão?
16 px é o tamanho de fonte padrão na maioria dos navegadores, a menos que um site o sobrescreva explicitamente para o elemento html.
Meus dados são enviados para algum lugar?
Não, todo o cálculo roda no seu navegador.