DevToolPal
日本語

CSS 単位

pxからptへの換算ツール

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

計算式

pt = px × 0.75

換算方法

ピクセルをポイントに換算するには、値に 0.75 を掛けます。例:32 px = 24 pt。

換算表

px pt
1 px 0.75 pt
2 px 1.5 pt
4 px 3 pt
8 px 6 pt
10 px 7.5 pt
12 px 9 pt
14 px 10.5 pt
16 px 12 pt
18 px 13.5 pt
20 px 15 pt
24 px 18 pt
32 px 24 pt
48 px 36 pt
64 px 48 pt

これらの単位について

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

よくある質問

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

1 px = 0.75 pt です。換算するには値に 0.75 を掛けます:32 px = 24 pt。

› 1 pt は何 px ですか?

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

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

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

› rem と em の違いは?

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