DevToolPal
日本語

CSS 単位

ptからpxへの換算ツール

ポイント(pt)をピクセル(px)に換算します。1 pt = 1.333333333 px、1 px = 0.75 pt です。

1 pt = 1.333333333 px

PX → REM 変換で開く

計算式

px = pt ÷ 0.75

換算方法

ポイントをピクセルに換算するには、値を 0.75 で割ります。例:14 pt = 18.66666667 px。

換算表

pt px
6 pt 8 px
8 pt 10.66666667 px
9 pt 12 px
10 pt 13.33333333 px
11 pt 14.66666667 px
12 pt 16 px
14 pt 18.66666667 px
16 pt 21.33333333 px
18 pt 24 px
24 pt 32 px
36 pt 48 px
48 pt 64 px
72 pt 96 px

これらの単位について

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

よくある質問

› pt を px に換算するには?

1 pt = 1.333333333 px です。換算するには値を 0.75 で割ります:14 pt = 18.66666667 px。

› 1 px は何 pt ですか?

1 px = 0.75 pt です。逆方向の計算式は pt = px × 0.75 です。

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

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

› rem と em の違いは?

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