Handitab

EM to PX

Convert em units to pixels by multiplying by the font size of the element (16px by default), with rem, pt, and vw results as well.

About EM to PX

CSS length units are either absolute, like px and pt, or relative, like rem, em, percent, and vw. This converter first turns your value into pixels, then into every other unit. Rem and em use the base font size (16px by default), pt uses the fixed ratio of 72pt to 96px, percent is taken relative to the base font size, and vw relative to the viewport width you enter. Results are rounded to four decimals.

How to use EM to PX

  1. Fill in "Value", "From unit", "Base font size" and "Viewport width".
  2. The result appears below and updates as you type.
  3. Copy the result with the copy button, or download it as a file where that is offered.

Questions about EM to PX

What is the difference between rem and em?

The rem unit is relative to the font size of the root html element, so it is the same everywhere on the page. The em unit is relative to the font size of the current element, so it compounds when elements are nested.

Why use rem instead of px for font sizes?

Values in rem scale with the font size the user has set in the browser, while px values stay fixed. Sizing text in rem respects that preference, which helps people who need larger text.

Runs in your browser. Page last updated .

More css and color tools

All 39 css and color tools