ptをpxに変換する方法|CSS単位換算ツールと早見表

pt ⇄ px 変換ツール

最近の変換履歴(最大5件)
  • まだ変換履歴はありません。

クイック変換(96 DPI 基準)

よく使うサイズをタップ/クリックすると変換ツールに入力されます。

pt → px
px → pt

変換式の解説

pt → px の計算式

ポイントをピクセルに変換するには、DPI(解像度)を使います。

px = pt × DPI ÷ 72

例)12pt × 96 ÷ 72 = 16 px(96 DPI)

px → pt の計算式

ピクセルをポイントに変換する逆算です。

pt = px × 72 ÷ DPI

例)16px × 72 ÷ 96 = 12 pt(96 DPI)

ステップごとの換算例
  • 変換したい値と目的の確認:例として「14pt を Web(96 DPI)で何 px にするか」を計算します。

  • DPI の確認:Web 標準は 96 DPI。Windows の 125% 表示(High DPI)は 120 DPI。Retina ディスプレイは 144 DPI または 192 DPI。

  • 計算式を適用:px = 14 × 96 ÷ 72 = 14 × 1.3333… = 18.67 px(小数点以下は四捨五入または切り捨て)

  • CSS に適用:font-size: 14pt; と font-size: 18.67px; は 96 DPI 環境下で同等の表示サイズになります。

pt ⇄ px 換算表(DPI 別)

pt px(72 DPI) px(96 DPI) px(120 DPI) px(144 DPI) px(192 DPI) px(300 DPI)
6 pt6 px8 px10 px12 px16 px25 px
7 pt7 px9.33 px11.67 px14 px18.67 px29.17 px
8 pt8 px10.67 px13.33 px16 px21.33 px33.33 px
9 pt9 px12 px15 px18 px24 px37.5 px
10 pt10 px13.33 px16.67 px20 px26.67 px41.67 px
11 pt11 px14.67 px18.33 px22 px29.33 px45.83 px
12 pt12 px16 px20 px24 px32 px50 px
14 pt14 px18.67 px23.33 px28 px37.33 px58.33 px
16 pt16 px21.33 px26.67 px32 px42.67 px66.67 px
18 pt18 px24 px30 px36 px48 px75 px
20 pt20 px26.67 px33.33 px40 px53.33 px83.33 px
24 pt24 px32 px40 px48 px64 px100 px
28 pt28 px37.33 px46.67 px56 px74.67 px116.67 px
36 pt36 px48 px60 px72 px96 px150 px
48 pt48 px64 px80 px96 px128 px200 px
72 pt72 px96 px120 px144 px192 px300 px

※ 計算式: px = pt × DPI ÷ 72。小数第3位四捨五入。

CSS 単位の多単位換算表(96 DPI)

px pt em(16px 基準) rem(16px 基準) mm in pc
10 px7.5 pt0.625 em0.625 rem2.65 mm0.104 in0.625 pc
12 px9 pt0.75 em0.75 rem3.18 mm0.125 in0.75 pc
13 px9.75 pt0.8125 em0.8125 rem3.44 mm0.135 in0.813 pc
14 px10.5 pt0.875 em0.875 rem3.7 mm0.146 in0.875 pc
15 px11.25 pt0.9375 em0.9375 rem3.97 mm0.156 in0.938 pc
16 px12 pt1 em1 rem4.23 mm0.167 in1 pc
18 px13.5 pt1.125 em1.125 rem4.76 mm0.188 in1.125 pc
20 px15 pt1.25 em1.25 rem5.29 mm0.208 in1.25 pc
24 px18 pt1.5 em1.5 rem6.35 mm0.25 in1.5 pc
32 px24 pt2 em2 rem8.47 mm0.333 in2 pc
48 px36 pt3 em3 rem12.7 mm0.5 in3 pc
64 px48 pt4 em4 rem16.93 mm0.667 in4 pc
96 px72 pt6 em6 rem25.4 mm1 in6 pc

※ em・remは親/ルート要素が16pxの場合。1 in = 96 px = 72 pt = 25.4 mm。

よく使われる変換

クリックするとツールに自動入力されます(96 DPI 基準)。

pt・px とは?

px(ピクセル) デジタル画面を構成する最小単位。CSS では 1 in = 96 px と定義されており、画面上の絶対値として扱われます。Web デザイン・UI 開発で最もよく使われます。
pt(ポイント) 印刷・DTP に由来する単位。1 pt = 1/72 インチ(= 約 0.3528 mm)。Word・Illustrator・InDesign・Figma の PDF 出力など印刷物設計時に使われます。
Web と印刷の違い 96 DPI 環境では 1 pt ≒ 1.333 px。72 DPI の Mac 旧環境では 1 pt = 1 px。DPI が高いほど同じ pt 値でも表示される px 数が多くなります。
Figma での pt・px Figma はデザイン編集画面では px 表示を使いますが、PDF 書き出し時には pt に換算します。iOS 開発では pt は論理ピクセルを意味し、Retina では 1 pt = 2 px になります。
Windows の High DPI Windows 標準 100% = 96 DPI、125% = 120 DPI、150% = 144 DPI。High DPI 環境では pt→px の換算値が大きくなり、フォントが大きく見える場合があります。
iOS・Android の pt/dp iOS では pt が論理ピクセル単位として使われ、@2x(Retina)で 1 pt = 2 px、@3x で 1 pt = 3 px。Android の dp(密度非依存ピクセル)は 160 DPI 基準で計算されます。

pt と互換・関連する単位

pt(ポイント)は以下の単位と相互変換が可能です。

px(ピクセル) em(相対サイズ) rem(ルート相対) mm(ミリメートル) cm(センチメートル) in(インチ) pc(パイカ) Q(級数) vw / vh(ビューポート) %(パーセント)
単位 1 pt との関係 主な用途
px1 pt = 1.333 px(96 DPI)Web・UI 開発
mm1 pt = 0.3528 mm印刷・DTP
cm1 pt = 0.03528 cm印刷・DTP
in1 pt = 1/72 in(= 0.01389 in)印刷・デザイン
pc(パイカ)1 pt = 1/12 pc欧文組版
Q(級数)1 pt ≒ 0.353 mm ÷ 0.25 = 1.411 Q日本語組版
em16 px 基準:1 pt ≒ 0.0833 emCSS フォント

よくある質問(FAQ)

pt と px はどう違いますか?
px(ピクセル)はデジタル画面上の最小表示単位で、CSS では 1 in = 96 px と定義されています。pt(ポイント)は印刷由来の単位で 1 pt = 1/72 インチです。Web 標準(96 DPI)では 1 pt = 96/72 ≒ 1.333 px になります。画面表示には px、印刷・Word・DTP ソフトには pt を使うのが一般的です。
Web デザインでは pt と px どちらを使うべきですか?
Web(CSS)では px または em・rem を推奨します。pt は印刷用途に適しており、画面 DPI によって見え方が変わることがあります。アクセシビリティの観点では、ユーザーのブラウザフォントサイズ変更に対応できる em・rem が最適です。
96 DPI と 72 DPI で結果が違うのはなぜですか?
DPI(Dots Per Inch)は「1 インチあたりのピクセル数」です。pt は物理長(1/72 インチ)で定義されているため、DPI が高いほど同じ pt を表示するのに必要な px 数が増えます。Mac の旧システムは 72 DPI を基準としていたため 1 pt = 1 px でしたが、Windows は 96 DPI を標準とするため 1 pt ≒ 1.333 px となります。
Figma・Photoshop の pt は CSS の pt と同じですか?
Figma でのデザイン単位(画面上)は px ですが、PDF 書き出し時に pt に変換されます。Photoshop はデフォルトで pt を使いますが、設定で px に変更できます。CSS の pt も同じ「1 pt = 1/72 in」の定義ですが、表示環境(DPI)によって px への換算値が変わります。iOS アプリ開発の「pt」は論理ピクセル(1pt = 2px または 3px)で意味が異なる点に注意してください。
印刷物と Web で同じフォントサイズに見せるには?
印刷(300 DPI 前後)と Web(96 DPI)では解像度が大きく異なるため、同じ pt 値でも物理サイズは同じですが、ピクセル数が異なります。印刷で 10 pt のテキストは 96 DPI の Web では約 13.33 px に相当します。完全に同一表示にするには DPI を統一するか、ブラウザの印刷 CSS(@media print)で pt 単位を使う方法が有効です。
Word の標準フォントサイズを px に変換すると?
Word の標準本文フォントサイズは 10.5 pt(日本語)または 11 pt(英語)です。96 DPI 換算では 10.5 pt = 14 px、11 pt ≒ 14.67 px となります。Web での本文テキストの推奨サイズ 14〜16 px に近い値であることがわかります。
pt の小数値(例: 10.5pt)は CSS で使えますか?
はい、CSS では font-size: 10.5pt; のように小数点を含む pt 値を記述できます。ただしブラウザによっては最も近い整数 px に丸められて表示される場合があります。Web での精密なフォント制御には px や rem の使用が安定します。