logo
GeekFormat

フォント サイズ単位の変換

1ピクセル = 0.75ポイント
0.75

活字単位

ポイント (pt)0.75
ピクセル (px)1
密度非依存ピクセル (dp)0.75
スケール非依存ピクセル (sp)0.75

一般的に使用される 4 つの植字/UI 単位 (pt、px、dp、sp) の双方向のリアルタイム変換をサポートする無料のオンライン フォント サイズ単位変換ツール。現在のページは、固定参照関係 (1 px = 0.75 pt、1 pt ≈ 1.333 px) を採用しています。同時に、このツールでは、dp と sp が同じ参照基準に従って pt にマッピングされるため、デザイン ドラフト、Web/CSS 記述、Android UI アノテーション間の迅速な静的比較が容易になります。このページはブラウザのスケーリング、デバイスのピクセル密度、Android フォントのスケーリング、実際の印刷サイズを読み取らないことに注意してください。そのため、実際のデバイスのレンダリング テストを置き換えるというよりも、仕様の比較やドキュメントの統合に適しています。すべての計算はブラウザ内でローカルに実行され、データはサーバーにアップロードされません。

関連おすすめ

Length Converter

mm、cm、in などの実際の物理的な長さが必要な場合は、長さの単位処理に切り替える必要があります。

面積換算ツール

ページ キャンバス、用紙の面積、または印刷レイアウトを推定する場合、多くの場合、面積口径の処理を続行する必要があります

単位換算

長さまたはその他のサポート単位の処理を続行する必要がある場合は、直接切り替えることができます

pt、px、dp、sp の静的変換口径について

pt (ポイント) は、古典的な植字のコンテキストで一般的なフォント サイズの単位です。多くのドキュメント エディター、プレゼンテーション ソフトウェア、ブランド マニュアル、フォント仕様では、テキスト サイズを表すために pt を使用することが好まれます。 px (ピクセル) は、Web ページ、デザインドラフト、CSS 注釈でよく使用されます。画面とインターフェイスのコンテキストにおける基準サイズを強調しています。

CSS の px はデバイス上の物理ピクセルと必ずしも等しいわけではなく、「参照ピクセル」に近いことに注意することが重要です。したがって、設計図面上の 16 ピクセル、Web ページ スタイルの 16 ピクセル、およびモバイル画面に表示される最終的な視覚サイズは、スケーリング、密度、プラットフォーム実装の影響を受けます。

dp と sp は、Android インターフェイスのコンテキストでより一般的です。一般に、dp はインターフェイスのレイアウト サイズにより偏り、sp はフォント サイズにより偏り、システム フォントのスケーリングを考慮します。ただし、このページはランタイム シミュレーターではありません。特定の携帯電話の密度やフォントのスケーリングは読み取れません。静的な比較のために、これらの単位を統一参照定規上に配置するだけです。

このページでは現在、固定参照関係: 1 px = 0.75 pt、1 pt ≈ 1.333 px を使用し、dp と sp を同じ参照データムにマッピングします。これにより、設計草案、仕様書、およびクロスエンド コミュニケーションの迅速な統合が容易になります。これは、「デバイス上の最終的な表示サイズがどのくらいの大きさでなければならないか」という問題ではなく、「ドキュメントをどのように比較して作成するか」という問題を解決します。

作業目標が実際の印刷サイズ、紙ミリ単位の精度、ブラウザの rem/em システム、または Android の実機フォント スケーリングの検証である場合は、代わりに、対応する長さツール、デザイン ソフトウェア、または実デバイスのテストを使用する必要があります。このページは、仕様の草案、早期レビュー、納品文書に適しています。

ユースケース

  • デザイン ドラフトの 16 px、18 px、24 px のフォント サイズを pt にすばやく変更して、PPT、Word、またはブランド仕様ドキュメントに書き込みやすくします。
  • ドキュメントに指定されている 12 pt、14 pt、18 pt のフォント サイズを px に変更して、フロントエンドとデザイナーの比較を容易にします。
  • 納品時にWeb デザイン、CSS を配置する プレゼンテーション ドキュメントで一般的なフォント サイズを pt 口径に統一する
  • Android UI の説明で、デザイン案の pt または px を dp および sp の基準値にすぐに置き換えて、コミュニケーションを容易にする
  • コンポーネント ライブラリのテキスト仕様を整理するときに、ボタン、テキスト、タイトル、サブタイトルのフォント サイズ単位の記述を統一する
  • 歴史的なデザイン システムで使用されていた px と pt を混合するフォント サイズを同じ比較表のセットに統一して、移行コストを削減します。
  • チーム間コラボレーション ドキュメントにデュアル単位の注釈を追加します。これにより、デザイン、フロントエンド、およびモバイル端末が同じフォント サイズをすぐに理解できるようになります。
  • 目視検査や QA を行うときに、デザイン ドラフトの注釈とコード スタイルの異なる単位をすばやく変換して比較します。
  • ブランド マニュアル、イベント ポスター、またはプレゼンテーション テンプレートを準備する場合は、最初に統一します。配布する前に、フォント サイズ ルールを基準サイズに変換します。
  • メール、ランディング ページ、H5、およびアプリのコピーライティング インターフェイス用に統一されたフォント サイズの比較表を作成します。
  • 教育とトレーニングまたは社内共有の際、pt、px、dp、sp の違いと一般的な変換関係を説明します。
  • スクリーンショット上のフォント サイズの注釈を、チームにとってより使い慣れた別の単位セットにすばやく変換します。レビューと変更を容易にする
  • 多言語の製品ドキュメントを作成する場合は、統合変換機能を使用して、さまざまなプラットフォームのフォント サイズの例を補足します。
  • テストする機器がない初期のレビュー段階では、まず静的変換を使用して、フォント サイズ レベルが一般的に妥当かどうかを迅速に判断します。

使い方

  1. 整数と小数をサポートする既知のフォント サイズの値を入力ボックスに入力します。
  2. 左側でソース単位を選択します。オプションで pt、px、dp、sp を選択します。
  3. 右側でターゲット ユニットを選択すると、結果がすぐに更新されます。逆に表示する必要がある場合は、中央の交換ボタンをクリックします。
  4. 一度にすべてを確認したい場合は、結果パネルを展開して、値の完全な対応を 4 つの単位で同時に表示します。

特徴

  • 4 つの高頻度フォント サイズ/UI 単位をカバー: pt、px、dp、sp、デザイン、フロントエンド、モバイル配信時の素早い比較に適しています。
  • 双方向即時変換: 値を入力するとすぐに結果が更新され、変換ボタンをクリックせずにソース単位とターゲット単位を自由に切り替えることができます。
  • 固定参照関係の透明度: 現在のページは 1 px = 0.75 pt を使用します。 1 pt ≈ 1.333 px の共通ベンチマークにより、仕様と設計草案の統一された基準が容易になります。
  • dp と sp の明確な静的比較: このページでは、迅速な変換のために dp と sp を同じ参照定規上に配置します。ドキュメントの作成、注釈の作成、チーム間のコミュニケーションに適しています。
  • 展開してすべての結果を表示できます。同じフォント サイズの値は pt、px、 dp、sp 以下の対応する値を同時に表示して、1 回のチェックを容易にすることができます。
  • 小さな数値や中間値に適しています。13.5 px、10.5 pt、14 sp などのデザインで一般的な非整数値も直接変換できます。
  • レンダリング境界を明確に指示します。ページは「静的変換」と「実デバイス表示」を区別して、参照値を間違えるリスクを軽減します。最終的な物理サイズ
  • 純粋なブラウザのローカル計算: ネットワーク リクエストやサーバー ログはなく、設計の注釈、コンポーネントの仕様、納品ドキュメントのパラメータはデバイスから送信されません。

フォント サイズの単位はどのように選択しますか?

これは「フォント サイズがどのくらいの大きさか」を記述することにも関係しており、シナリオに応じて異なる単位が適しています。まず、デザインドラフト、Web スタイル、または Android 仕様のどれを作成しているのかを把握します。

単元最も一般的なシナリオ利点注このページは
ptWord、PPT、PDF、ブランド仕様書、フォント ドキュメントをサポートします植字で最も一般的およびドキュメント コンテキスト。フォントの指示と簡単に調整できます。画面コンテキストに切り替えるときは、px 比較の列を追加するのが最適です。サポートされています
pxWeb ページ、デザイン ドラフト、CSS 注釈、インターフェイス ドラフトデザインとフロントエンドの間のコミュニケーションは、最も直接的で、最も一般的です。実装絶対的な物理ピクセルではなく、ブラウザとデバイスは最終的な表示に影響しますサポート
dpAndroid レイアウトとインターフェイスの注釈クロス密度デバイス記述の論理サイズに適していますこのページは実際のデバイス密度をシミュレートせず、静的な参照変換のみを行いますサポート
spAndroid text size annotationSuitable for text context and easy to communicate with mobile teamsReal display will also be affected by system font scalingSupport
em / rem / mm / inWeb relative units or physical printing sizeSuitable for specific design and implementation systemsIt is not within the support range of the current page, and other tools or benchmarks need to be usedNot supported

Best Practices

First agree on a unified benchmark for the team, and then compare it across units

If the design, front-end, and mobile terminals do not clearly explain the conversion benchmark first, it is easy for the same 16 to be understood as different visual sizes. It will be more stable to unify the caliber first, and then use this page to supplement the double unit labeling.

Treat the results of this page as a delivery reference value, not the final rendering result

This page is suitable for static comparison of design drafts, documents and specifications, but browser scaling, device density and system font settings may make the actual display slightly different. Visual verification should still be done in the target environment before going online.

Switch to length units and real typesetting software when physical dimensions are required

If your goal is to confirm the actual paper size, the millimeter accuracy of the printed product, or the physical size of the exported PDF, then don't just look at the static conversion results of pt/px/dp/sp.

Android text takes into account system font scaling

sp Performance on real devices will be affected by system font scaling. This page can only give you static reference values. When it comes to accessibility and multi-device adaptation, you must test it on a real device.

Web If you actually use rem or em, first clarify the root font size

This page does not directly change rem/em, but you can still restore rem/em to px according to the project root font size, and then compare it with pt or design annotations.重要なのは、最初にコンテキストを明確にすることです。

Try to retain both the original unit and the conversion result when delivering.

For example, writing it as 16 px / 12 pt or 14 sp / 14 pt will allow the recipient to quickly understand your original intention and facilitate subsequent traceback.

よくある質問

このフォント サイズ単位コンバータはどのような単位をサポートしていますか?

このページでは現在、pt、px、dp、sp の 4 つの単位をサポートしています。デザインドラフト、CSS フォント サイズ、Android UI アノテーション、コンポーネント ドキュメントの静的な数値比較に適しています。現在のページでは、em、rem、mm、cm、in、pc などの他の組版/長さの単位はサポートされていません。

1 ポイントは何ピクセルに相当しますか? 16 px は何ポイントに等しいですか?

このページで現在採用されている固定参照関係によると、1 pt ≈ 1.333 px、1 px = 0.75 pt となります。したがって、16 ピクセル = 12 ポイント、12 ポイント = 16 ピクセル、18 ピクセル = 13.5 ポイントとなります。この口径は、Web デザインのドラフトとプレゼンテーション文書の間の迅速な相互チェックに非常に適しています。

px と pt の違いは何ですか?

pt (ポイント) は、植字とドキュメントのコンテキストに重点が置かれており、歴史的には印刷とフォント サイズと一緒に使用されることがよくあります。 px (ピクセル) は画面と CSS コンテキストに重点が置かれており、Web ページやデザイン ドラフトの注釈でよく使用されます。どちらもフォント サイズを表すために使用できますが、使用環境が異なるため、多くのチームはデザインを納品する際に px と pt の変換比較を行う必要があります。

dp と sp の違いは何ですか?

dp は通常、密度に関連するがフォント スケーリングに従わない Android のインターフェイス サイズ表現に使用され、sp は通常、フォント スケーリングに従うテキスト サイズ表現に使用されます。このページでは、静的な仕様比較を目的として、実際のデバイス密度やシステム フォント スケーリングを読み取りませんが、それらを線形変換するための統一的な基準に基づいて配置していることに注意してください。

ページからスワップアウトされた値が実際のデバイスの表示とまったく同じにならないのはなぜですか?

実際の表示効果は、ブラウザのスケーリング、デバイスのピクセル密度、ルート フォント サイズ、システム フォントのスケーリング、プラットフォームのレンダリング戦略、およびデザイン ソフトウェアのエクスポート ルールの影響を受けるためです。このページの目的は、静的キャリバーを統一することであり、実際のデバイスのレンダリング結果をシミュレートすることではありません。したがって、最終的に運用を開始する前に、ターゲット ブラウザまたはターゲット デバイスで実際の目視検査を行う必要があります。

このツールの dp、sp、pt の関係がこれほど近いのはなぜですか?

現在のページでは、統一された参照定規の下で静的な変換キャリバーが使用されているためです。これにより、特定のデバイスのリアルタイム レンダリング環境を読み取る代わりに、ドキュメント、設計草案、仕様書の異なる単位をすばやく比較できます。これは、Android ランタイムの実ピクセル計算ではなく、「納品されたときの変換基準値」と考えることができます。

レム、エム、ミリメートル、センチメートル、またはインチに交換できますか?

現在は交換できません。このページで実際にサポートされている範囲は、pt、px、dp、sp の 4 つの単位のみです。 rem や em などの相対単位、または mm、cm、in などの物理的な長さの単位が必要な場合は、対応する設計基準またはその他の長さのツールを使用して、それらを個別に処理する必要があります。

このページは実際の印刷または印刷サイズの計算に適していますか?

実際の印刷サイズの計算を直接置き換えるのには適していません。このページでは現在、mm、cm、in などの物理的な長さの単位が提供されておらず、プリンターの DPI、出力メディア、ドキュメントのレイアウト ルールも処理されていないためです。実際の用紙サイズを確認したい場合は、長さの単位と実際の写植ソフトウェアを使用して最終確認する必要があります。

13.5 ピクセルのような 10 進数値を入力できますか?

はい。 10.5 pt、13.5 px、14 sp などの非整数値は、デザイン システムやインターフェイスの微調整シナリオでよく使用されます。このページではそれらを直接変換できます。これにより、コンポーネント仕様の提供、注釈ドキュメントの整理、およびマルチエンド比較の実行がより便利になります。

設計を納品するときにこのツールをどのように使用すればよいですか?

より安全な方法は、元の設計単位を保持し、このページを使用して変換された参照値の列を入力することです。たとえば、デザイン ドラフトが 16 ピクセルで書かれている場合、フロントエンド チームやドキュメント チーム向けに 16 ピクセル / 12 ポイントで書くこともできます。チームが最初に同じ変換ベースで合意している限り、コミュニケーションコストは大幅に低くなります。

このページはオフラインでも使用できますか?データはアップロードされますか?

はい。ページが読み込まれた後、すべてのフォント サイズ変換はブラウザ内でローカルに実行され、ネットワーク リクエスト、サーバー ログ、フォームの送信は行われません。設計仕様、コンポーネントの注釈、納品ドキュメントのパラメータはサーバーにアップロードされず、ページを閉じると入力はクリアされます。

用語集

ポイント (pt)
古典的な植字フォント サイズ単位。Word、PPT、PDF、ブランド仕様書、フォント説明文書で一般的に使用されます。
ピクセル (px)
Web ページやデザイン ドラフトで最も一般的なインターフェイス単位の 1 つで、CSS では絶対的な物理ピクセルよりも参照ピクセルに近くなります。
密度非依存ピクセル (dp)
Android コンテキストにおける一般的な論理サイズ単位。異なる密度のデバイス間で比較的一貫したインターフェイス スケールを維持するために使用されます。
フォント スケーリング ピクセル (sp)
Android テキスト コンテキストの一般的な単位。通常はシステム フォント スケーリングを考慮し、テキスト サイズを表現するのに適しています。
CSS 参照ピクセル
ブラウザのレイアウトで使用される参照長の概念は、画面上の物理ピクセルと必ずしも同じではありません。
デバイスのピクセル密度
画面の単位長さあたりの物理ピクセルの数は、異なるデバイス上の同じ論理ユニットの実際の表示効果に影響します。
フォント スケーリング
オペレーティング システムまたはアプリケーション レベルでのテキスト サイズの追加スケーリング設定は、実際の表示結果に影響します。
固定参照変換
統一されたベンチマークの下で静的な線形変換を実行します。これはドキュメントと設計納品間の比較に適していますが、実際のデバイスのレンダリング シミュレーションと同等ではありません。

Quick check on common font size conversion anchor points

これらの比較値は、デザインドラフト、CSS、およびドキュメントの納品で最も一般的に使用されます。

ポイントピクセルdp (このページの口径)sp（このページの口径）典型的なシナリオ
9pt12ピクセル9dp9sp最小限の補助情報、表の二次説明
10.5pt14ピクセル10.5dp10.5sp小さなテキスト、説明テキスト
12pt16ピクセル12dp12sp一般的な本文またはフォームのテキスト
13.5pt18ピクセル13.5dp13.5spテキストとカードのタイトルを強調する
18pt24ピクセル18dp18sp大きなタイトルまたはページのキー情報
24pt32ピクセル24dp24sp表紙タイトル、ヒーロータイトル

シーンに合わせて文字サイズの単位を選ぶ

同じフォント サイズ値が異なる単位で書き込まれ、異なるコラボレーション オブジェクトに対応します。

シナリオより適切な単位理由
PPT、Word、ブランド マニュアル、PDF 仕様ptドキュメントおよび植字のコンテキストで最も自然で、フォント仕様と合わせるのが最も簡単
Web ページ スタイル、デザイン ドラフト、Figma/CSS配信px設計とフロントエンド実装の間の通信コストが最も低い
Android レイアウト サイズの説明dpAndroid の論理サイズのコンテキストに近い
Android のテキスト サイズの説明spモバイル フォントのコンテキストに近い注釈は付けられますが、最終的には依然として実機のスケーリングに依存します
チーム間でドキュメントを配信します元の単位を保持し、変換値の列を追加しますデザイン、フロントエンド、モバイル端末の読書習慣を考慮できます

Privacy & Security

このページのフォント サイズの変換はすべてブラウザで完了します。入力したデザインの注釈、フォント仕様、コンポーネント ドキュメント、および配信パラメータがデバイスから外部に流出することはありません。ネットワーク リクエストやサーバー ログはなく、ページを閉じるとエントリはクリアされます。内部設計システムおよび未公開の仕様については、このページにはコンテンツがキャプチャまたは保存されません。