Conversor de px para rem: px, rem, pt, em, mm
Última atualização:
O rem é medido em relação a este tamanho, e aqui o em e o % também. No CSS, em e % seguem o elemento pai, então só coincidem com rem quando nenhum pai muda o tamanho da fonte.
1 px = 0,0625 remTodos os resultados
Tabela de referência rápida: Pixel → Em da raiz
| Valor (px) | Resultado (rem) |
|---|---|
| 1 px | 0,0625 rem |
| 8 px | 0,5 rem |
| 10 px | 0,625 rem |
| 12 px | 0,75 rem |
| 14 px | 0,875 rem |
| 16 px | 1 rem |
| 18 px | 1,125 rem |
| 20 px | 1,25 rem |
| 24 px | 1,5 rem |
| 32 px | 2 rem |
| 48 px | 3 rem |
| 64 px | 4 rem |
Sobre px, rem e pt
O CSS fixa 1 polegada em 96 px, então 1 pt, que é 1/72 de polegada, equivale a 1,333 px, e 1 mm equivale a 3,78 px. rem e em são relativos: 1 rem é o tamanho da fonte da raiz, 16 px em todos os principais navegadores, a menos que o visitante o altere, então 24 px são 1,5 rem. Se uma folha de estilo define outro tamanho de raiz, digite esse valor como base, acima dos campos. O em segue o tamanho da fonte do elemento pai, então só equivale a rem quando nenhum pai o altera.
Tamanhos comuns de texto e de elementos
Na base padrão de 16 px. O CSS fixa 1 polegada em 96 px, então as colunas pt e mm valem em qualquer base; só a coluna rem muda com ela.
| Tamanho | rem | pt | mm |
|---|---|---|---|
| Texto de 10 pt (notas de rodapé) | 0,8333 | 10 | 3,528 |
| Tamanho de texto padrão de um navegador | 1 | 12 | 4,233 |
| Texto de 12 pt em um processador de texto | 1 | 12 | 4,233 |
| Título h2 padrão | 1,5 | 18 | 6,35 |
| Menor tamanho de alvo no WCAG 2.2 (2.5.8) | 1,5 | 18 | 6,35 |
| Título h1 padrão | 2 | 24 | 8,467 |
| 1 centímetro | 2,362 | 28,35 | 10 |
| 1 polegada | 6 | 72 | 25,4 |
História do ponto e do pixel
O texto era medido em pontos muito antes das telas: os fundidores de tipos precisavam de uma só unidade para fundir letras que se alinhassem. Os computadores fixaram o ponto em 1/72 de polegada.
- Pierre-Simon Fournier publicou uma tabela de tamanhos de tipos medidos em pontos tipográficos: a escala dividia a polegada em 12 linhas e cada linha em 6 pontos.
- A associação de fundidores de tipos dos Estados Unidos adotou um sistema de pontos para os corpos de tipo, no qual uma nonpareil tem 6 pontos e uma paica 12.
- A Adobe lançou o PostScript, cuja unidade de comprimento na página é 1/72 de polegada: nas palavras da Adobe, aproximadamente igual ao ponto usado na impressão.
- O CSS 2.1 tornou-se uma Recomendação do W3C. Ele fixa 1 polegada em 96 px e 72 pt, de modo que 1 px equivale a 0,75 pt, e baseia o pixel em um ponto de uma tela de 96 dpi vista à distância de um braço.
Fontes: