Conterver REM em PX



h1 {font-size: 16px;}

h1 {font-size: 1em;}

h1 {font-size: 12pt;}

h1 {font-size: 100%;}

h1 {font-size: 1rem;}


Compartilhe no WhatsApp
Compartilhe no Facebook
Compartilhe no Linkedin

Como converter rem em pixel?

A conversão é feita multiplicando o valor em rem por 16, pois cada 1rem representa 16 pixels, exemplo:

5rem x 16px = 80px;

Um pouco mais abaixo você tem à disposição uma tabela de conversão onde listamos alguns valores de rem convertidos em pixels.

Quando usar rem ao invés de pixel?

Na página converter px em rem explicamos que:

Então a aplicação de pixel é ideal para quando precisamos que o elemento apresentado não mude de tamanho, um exemplo disto é quando usamos ícones ou imagens, ou seja, quando se é necessário usar um formato com tamanho exato.

Lógico que tudo tem seus prós e contras, no caso do pixel, ele não tem responsividade, o que pode prejudicar sua utilização em determinados aspectos. Por outro lado, sua utilização é mais simples, pois você consegue imaginar os diferentes tamanhos sem precisar ficar testando muito, um exemplo de algo que utilizamos com frequência e gera uma relação grande a facilidade de pixel é o tamanho de fonte no Word por exemplo, são referências diferentes, sim, mas como é algo que vemos "desde pequeno", torna o uso do pixel algo mais familiarizado.

REM convertidos em PX (rem → px)

REM (rem)Pixel (px)
0.0625rem1px
0,125rem2px
0,1875rem3px
0,25rem4px
0,3125rem5px
0,375rem6px
0,4375rem7px
0,5rem8px
0,5625rem9px
0,625rem10px
1rem16px
2rem32px
3rem48px
4rem64px
5rem80px