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 pt | 6 px | 8 px | 10 px | 12 px | 16 px | 25 px |
| 7 pt | 7 px | 9.33 px | 11.67 px | 14 px | 18.67 px | 29.17 px |
| 8 pt | 8 px | 10.67 px | 13.33 px | 16 px | 21.33 px | 33.33 px |
| 9 pt | 9 px | 12 px | 15 px | 18 px | 24 px | 37.5 px |
| 10 pt | 10 px | 13.33 px | 16.67 px | 20 px | 26.67 px | 41.67 px |
| 11 pt | 11 px | 14.67 px | 18.33 px | 22 px | 29.33 px | 45.83 px |
| 12 pt | 12 px | 16 px | 20 px | 24 px | 32 px | 50 px |
| 14 pt | 14 px | 18.67 px | 23.33 px | 28 px | 37.33 px | 58.33 px |
| 16 pt | 16 px | 21.33 px | 26.67 px | 32 px | 42.67 px | 66.67 px |
| 18 pt | 18 px | 24 px | 30 px | 36 px | 48 px | 75 px |
| 20 pt | 20 px | 26.67 px | 33.33 px | 40 px | 53.33 px | 83.33 px |
| 24 pt | 24 px | 32 px | 40 px | 48 px | 64 px | 100 px |
| 28 pt | 28 px | 37.33 px | 46.67 px | 56 px | 74.67 px | 116.67 px |
| 36 pt | 36 px | 48 px | 60 px | 72 px | 96 px | 150 px |
| 48 pt | 48 px | 64 px | 80 px | 96 px | 128 px | 200 px |
| 72 pt | 72 px | 96 px | 120 px | 144 px | 192 px | 300 px |
※ 計算式: px = pt × DPI ÷ 72。小数第3位四捨五入。
CSS 単位の多単位換算表(96 DPI)
| px | pt | em(16px 基準) | rem(16px 基準) | mm | in | pc |
|---|---|---|---|---|---|---|
| 10 px | 7.5 pt | 0.625 em | 0.625 rem | 2.65 mm | 0.104 in | 0.625 pc |
| 12 px | 9 pt | 0.75 em | 0.75 rem | 3.18 mm | 0.125 in | 0.75 pc |
| 13 px | 9.75 pt | 0.8125 em | 0.8125 rem | 3.44 mm | 0.135 in | 0.813 pc |
| 14 px | 10.5 pt | 0.875 em | 0.875 rem | 3.7 mm | 0.146 in | 0.875 pc |
| 15 px | 11.25 pt | 0.9375 em | 0.9375 rem | 3.97 mm | 0.156 in | 0.938 pc |
| 16 px | 12 pt | 1 em | 1 rem | 4.23 mm | 0.167 in | 1 pc |
| 18 px | 13.5 pt | 1.125 em | 1.125 rem | 4.76 mm | 0.188 in | 1.125 pc |
| 20 px | 15 pt | 1.25 em | 1.25 rem | 5.29 mm | 0.208 in | 1.25 pc |
| 24 px | 18 pt | 1.5 em | 1.5 rem | 6.35 mm | 0.25 in | 1.5 pc |
| 32 px | 24 pt | 2 em | 2 rem | 8.47 mm | 0.333 in | 2 pc |
| 48 px | 36 pt | 3 em | 3 rem | 12.7 mm | 0.5 in | 3 pc |
| 64 px | 48 pt | 4 em | 4 rem | 16.93 mm | 0.667 in | 4 pc |
| 96 px | 72 pt | 6 em | 6 rem | 25.4 mm | 1 in | 6 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 との関係 | 主な用途 |
|---|---|---|
| px | 1 pt = 1.333 px(96 DPI) | Web・UI 開発 |
| mm | 1 pt = 0.3528 mm | 印刷・DTP |
| cm | 1 pt = 0.03528 cm | 印刷・DTP |
| in | 1 pt = 1/72 in(= 0.01389 in) | 印刷・デザイン |
| pc(パイカ) | 1 pt = 1/12 pc | 欧文組版 |
| Q(級数) | 1 pt ≒ 0.353 mm ÷ 0.25 = 1.411 Q | 日本語組版 |
| em | 16 px 基準:1 pt ≒ 0.0833 em | CSS フォント |
よくある質問(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 の使用が安定します。
