Recomende!

Armazém do Blog

Blogs, Redes Sociais, Templates e Ferramentas para Blogueiros

Conversor online de px para em ou pontos

Você já sabe que nos códigos CSS, quando formatamos um texto utilizamos “medidas” para determinar seu tamanho. Utilizamos muito o formato, por exemplo, 12px para determinar o tamanho da fonte. Porém quando encontramos no formato 0.75em ficamos um pouco confusos.  Para o corpo da página (body), utiliza-se 12pt (pontos) ou 16px (pixels) ou 1em, tamanho padronizado pelos browsers.

Veja:

  • PX to EM: text size in pixels / body text size in pixels = size in EMs
    • Example: 12px / 16px = .75em
  • PX to %: text size in pixels / body text size in pixels * 100 = size in %
  • Example: 12px / 16px * 100 = 75%
  • Example: 16px * 72 (72 points = 1 inch) / 96 (96 pixels per inch in Windows, 72 in Mac) = 12pt
  • Example: .75em * 16px = 12px
  • Example: .75em * 100 = 75%
  • Example: 75 * 16px / 100 = 12px
  • Example: 75 / 100 = .75em
  • Example: 12pt * 96ppi / 72ppi = 16px
  • PX to PT: text size in pixels * points per inch / pixels per inch = size in pt
  • EM to PX: text size in EMs * body text size in pixels = size in pixels
  • EM to %: text size in EMs * 100 = size in %
  • % to PX: text size in % * body text size in pixels / 100 = size in pixels
  • % to EM: text size in % / 100 = size in EMs
  • PT to PX: text size in pt * pixels per inch / points per inch = text size in pixels

Fonte (no item três – learn)

Se você quiser ler um pouco mais, seguem alguns links para leitura antes dos geradores. Basicamente estão em inglês. Se precisar, use o Google Translator. Após visitar e conhecer os conversores, você pode aproveitar e tirar um “printscreen” das tabelas e imprimir..

Wikipédia em inglês

Guistuff

W3schools

W3support

Maujor – Português

Oficinadanet – Português – adaptado do CSStricks

 

Conversor 01

 

 

 

 

 

 

 

 

 

Conversor 02

 

 

 

 

 

 

 

 

Conversor 03

 

 

 

 

 

 

 

 

.

.....Seus comentários são importantes para melhorar o conteúdo!

Deixe seu comentário

Você pode utilizar estas tags HTML:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

  

  

  


− 1 = três