em→px 換算：計算式と換算表

em em ピクセル px

基準フォントサイズ（px）

1 em = 16 px

PX → REM 変換で開く

計算式

px = em × 16

換算方法

emをピクセルに換算するには、値に 16 を掛けます。例：2 em = 32 px。

換算表

em	px
0.25 em	4 px
0.5 em	8 px
0.75 em	12 px
0.875 em	14 px
1 em	16 px
1.25 em	20 px
1.5 em	24 px
2 em	32 px
2.5 em	40 px
3 em	48 px
4 em	64 px

換算表は基準フォントサイズ 16pxを前提にしています。上の換算ツールで設定をプロジェクトに合わせて変更できます。

これらの単位について

ブラウザーはすべての CSS の長さを最終的にピクセルに変換します。rem はルートのフォントサイズ、em は親要素のフォントサイズが基準で、ページやユーザーが変更しない限り主要ブラウザーではどちらも 16px です。1pt は 1/72 インチ、1px は 1/96 インチなので 1pt = 1.333px です。vw はビューポート幅の 1% で、ピクセル数は画面幅によって変わります。

よくある質問

› em を px に換算するには？

1 em = 16 px です。換算するには値に 16 を掛けます：2 em = 32 px。

› 1 px は何 em ですか？

1 px = 0.0625 em です。逆方向の計算式は em = px ÷ 16 です。

› px ではなく rem を使う理由は？

rem はユーザーがブラウザーで設定した文字サイズに追従するのでアクセシビリティに優れ、ルートの値を 1 つ変えるだけでレイアウト全体を一貫して拡大縮小できます。

› rem と em の違いは？

rem は常にルート（html）のフォントサイズを使います。em は親要素のフォントサイズを使うため、入れ子にすると値が掛け合わされます。