使い方
- 手元にある単位（pt、px、mm、em、%のいずれか）を選び、サイズを入力します。
- ほかのすべての単位が同時に表示され、そのサイズでのプレビューも確認できます。
- em、rem、%を使う場合は基準フォントサイズを設定します。ブラウザの初期値は16pxです。
オプションの説明
- ポイントとピクセル
- 1ポイントは1/72インチ、CSSでは1ピクセルを1/96インチと定義しているため、1pt ＝ 4/3px、12pt ＝ 16pxになります。
- ミリメートル
- 1pt ＝ 25.4 ÷ 72 ≈ 0.353mmです。これは文字の物理的なサイズで、印刷時に当てはまります。
- em、rem、パーセント
- 基準フォントサイズの倍数です。基準を16pxとすると、1em ＝ 1rem ＝ 100% ＝ 16px ＝ 12ptになります。
- 中国語の号数
- 中国のワープロソフトはポイントの代わりに号数で大きさを表し、初号（42pt）から八号（5pt）まであります。このツールでは号数からの変換にも対応しています。
よく使うサイズ
| pt | px | em (基準 16 px) |
|---|---|---|
| 9 | 12 | 0.75 |
| 10.5 | 14 | 0.875 |
| 12 | 16 | 1 |
| 14 | 18.67 | 1.1667 |
| 18 | 24 | 1.5 |
| 24 | 32 | 2 |
ウェブのサイズをピクセル、ポイント、rem で
ブラウザの初期値である 16 px を基準サイズとした場合です。
| ピクセル | ポイント | rem / em | 主な用途 |
|---|---|---|---|
| 12 px | 9 pt | 0.75 rem | キャプション、脚注 |
| 14 px | 10.5 pt | 0.875 rem | 小さな文字、ラベル |
| 16 px | 12 pt | 1 rem | 本文 |
| 18 px | 13.5 pt | 1.125 rem | 大きめの本文、リード文 |
| 20 px | 15 pt | 1.25 rem | 小見出し |
| 24 px | 18 pt | 1.5 rem | 見出し |
| 32 px | 24 pt | 2 rem | ページタイトル |
どの単位を使うか
pt (ポイント) は印刷やワープロソフト向けです。1 pt は 1/72 インチなので、12 pt の文字はどのプリンターでも物理的に同じ大きさになります。
px (CSS ピクセル) は画面向けです。1 px は通常の拡大率で 1/96 インチと定義されており、12 pt は 16 px に等しくなります。
rem と em は相対単位です。1 rem はルートのフォントサイズ (通常は 16 px)、1 em は親要素のフォントサイズです。文字に rem を使うと、ブラウザの既定フォントを大きくしている人には、あらゆる場所で大きな文字が表示されます。
ミリメートル は、印刷物の見本に合わせるときに便利です。大文字の高さを測ると、本文のサイズはその約 1.4 倍で、書体によって異なります。
よくある質問
12ptは何ピクセルですか？
16pxです。ポイントに4/3を掛けるとCSSピクセルに、ピクセルに0.75を掛けるとポイントになります。
emとremの違いは何ですか？
remはルート（html）要素のフォントサイズを基準にし、emは親要素のフォントサイズを基準にします。どこにもフォントサイズが指定されていない場合、どちらも16pxになります。
画面で測ったテキストのサイズが変換結果と合わないのはなぜですか？
CSSピクセルは96DPIで定義された論理的な単位です。画面上の物理的な大きさはディスプレイの画素密度やシステムの拡大率によって変わります。ポイントとミリメートルは印刷時のみ正確です。
プライバシー
このツールはすべてブラウザ内で動作します。ファイルやテキストはお使いの端末上で処理され、当サイトのサーバーにアップロードされることはありません。