ピクセル・インチ変換

ピクセルとインチ：画面の数字が実物のサイズにどう変わるか

96 DPI の通常のモニター上では、1920 ピクセルの幅はちょうど 20 インチです。しかし 326 PPI のスマートフォン画面では、1920 ピクセルはわずか 6 インチ未満です。これがピクセルとインチの最大の「秘密」です。——同じピクセル数でも、異なる画面上では対応する物理サイズは全く異なり、鍵となるのは 1 インチあたりのドット数（DPI）または 1 インチあたりのピクセル数（PPI）です。

ピクセルはデジタルディスプレイの最小単位であり、インチは実際の長さの単位です。これらを結びつけるのが PPI または DPI です。——1 インチに何ピクセル詰め込めるかです。公式は非常にシンプルです：インチ = ピクセル ÷ PPI。逆に、ピクセル = インチ × PPI。当ページの変換ツールはこの公式のペアで動作し、一つの入力ボックスに既知の値を入力するだけで、もう一方が自動的に計算されます。

これを「画面定規」と考えることができます。もう画面に物を当てて比較する必要はありません。必要なピクセルまたはインチを直接入力し、デバイスパラメータを追加するだけで、長さがすぐに計算されます。

この変換ツールの使い方

ページ全体は軽量で、コアは 3 つの入力ボックスだけで、余分なステップはありません。使用する際は、このプロセスに従うことができます：

1. ピクセルとインチの 2 つの入力ボックスグループを見つけます。上部に「ピクセル」と表示されている入力ボックスはピクセル値を入力するために使用します。「インチ」と表示されている入力ボックスは、計算された物理長をリアルタイムで表示します。両方のボックスに入力できます。一方を変更するともう一方がすぐに更新されます。
2. DPI / PPI 値を入力します。中央の「DPI」入力ボックスに、対象画面のインチあたりのドット数を入力します。わからない場合は、下記の速查表で一般的なデバイスパラメータを確認できます。
3. 変換する数字の入力を開始します。例えば、iPhone 14 Pro 上の 44 px ボタンのサイズを知りたい場合、「ピクセル」ボックスに 44 を入力し、「DPI」ボックスに 460 を入力すると、隣の「インチ」ボックスは直ちに 0.0956 インチ（約 2.43 ミリメートル）を表示します。
4. 逆方向の計算も全く同じです。例えば、300 DPI のプリンタで幅 8 インチの写真を印刷したい場合、「インチ」ボックスに 8 を入力し、「DPI」ボックスに 300 を入力すると、「ピクセル」ボックスは 2400 ピクセルが必要であることを示します。
5. クリアして再度開始するのも簡単です。隣のリセットボタンをクリックすると、すべての入力ボックスが初期状態に戻り、複数の異なるデバイスまたはサイズを連続してテストするのに便利です。

完全な計算例：スマートフォン上のタッチボタンの設計

実際の仕事の例を一緒に見ていきましょう。UI デザイン規範では「ボタン高さは 44 pt 以上または 48 dp 以上」と説明されることが多いですが、デザイン稿ではピクセル値で提供されます。460 PPI の iPhone 14 Pro 用のインターフェースを設計しており、デザイナーがボタン高さ 50 px を指定した場合、実際の画面での物理サイズが指の触摸に十分であることを確認する必要があります。

• 「ピクセル」入力ボックスに 50 を入力
• 「DPI」入力ボックスに 460 を入力
• 「インチ」ボックスに表示される結果は 0.1087 インチ です

計算プロセス：インチ = 50 px ÷ 460 PPI ≈ 0.1087 インチ、つまり約 2.76 ミリメートル です。一般的に、成人の指の平均触摸面積は 7–10 ミリメートルと考えられており、この高さはやや小さいです。60 px に調整することを検討すると、約 3.31 ミリメートルになり、人間工学的にはより適切です。これにより、実機テストを待つ必要がなく、デザイン段階で対話的なサイズが適切かどうかを予測できます。

次に印刷シーンを見てみましょう。300 DPI の画像を印刷したいのに、実物の幅を 10 インチに保ちたい場合、直接「インチ」ボックスに 10 を入力し、「DPI」ボックスに 300 を入力すると、「ピクセル」ボックスは直ちに画像幅を 3000 px にすべきことを示します。この機能は印刷ファイルをエクスポートするときに特に便利で、手計算の手間を省きます。

異なるシーンでの比較計算例

PPI の影響をより直感的に理解するために、同じピクセル数 100 px を使用して 3 種類のデバイスパラメータを入力し、物理サイズの差を確認します：

• 通常のデスクトップモニター、96 DPI：100 px ÷ 96 ≈ 1.04 インチ（約 2.64 cm）
• 2K ノートパソコン画面、141 DPI：100 px ÷ 141 ≈ 0.71 インチ（約 1.80 cm）
• スマートフォン画面、460 PPI：100 px ÷ 460 ≈ 0.22 インチ（約 0.55 cm）

ご覧のとおり、同じ 100 ピクセルでも、スマートフォンでは 0.5 cm ほどですが、モニタでは 3 cm 近くあります。これは、スマートフォン向けのデザイン図をそのままモニタで見ると、感覚的に「大きく」感じる理由です。PPI 環境が完全に異なるためです。この変換ツールの役割は、これらの差異を統一された物理長に平坦化し、すべての画面を測定するために同じ「ものさし」を使用できるようにすることです。

一般的なデバイス PPI 速查表

下表は、いくつかのシーンで使用される典型的なデバイスパラメータをリストします。迅速に参照できます。毎回検索する必要はありません。DPI を入力するときは直接コピーしてください。

表にデバイスが見つからない場合は、メーカーの公式スペックシートで「ピクセル密度」または「PPI」の項目を探してください。「DPI」入力ボックスに入力してください。変換ツールは PPI と DPI を区別しません。ここでは両者の役割は完全に同じです。

結果の解釈方法

インチの数字を取得した後、より直感的な感覚を持ちたい場合があります。簡単な覚え方：1 インチ ≈ 2.54 cm ≈ 25.4 ミリメートル。したがって 0.5 インチを見ると、心の中では約 1.27 cm です。

アプリケーション決定の観点から：

• 0.08–0.15 インチ（約 2–4 ミリメートル）：これはスマートフォン上の一般的なボタンとアイコンの物理的な高さの範囲です。0.08 インチ未満の場合、指でのクリックが難しい可能性があります。
• 0.3–0.5 インチ（約 8–13 ミリメートル）：日常のデスクトップ操作ではメニュー、行の高さがこの範囲で快適です。
• 1 インチ以上：通常は画面全体または大規模なポスターのスケールに近く、インチとセンチメートルを直接使用した計画がより適切です。

変換ツールで得られた結果は、このインターフェース要素が画面に印刷された実際の物理サイズです。定規を画面上で比較したり、ミリメートルに変換したりすることで、実際のデバイスでの外観を判断できます。

一般的な誤用と落とし穴の回避

1. DPI ボックスに誤ったパラメータを入力します。最も一般的なエラーは、画面解像度（例：1920×1080）の値を PPI として入力することです。正しい方法は、デバイスのインチあたりのドット数を探すことで、水平ピクセル数ではありません。
2. CSS ピクセルをデバイスピクセルとして扱う。ウェブページに書かれている「px」は、ほとんどのブラウザでは 96 PPI を参照基準とする抽象的なピクセルであり、デバイス画面の物理的なピクセルではありません。変換の目標がフロント レイアウトの場合、96 を入力すると CSS の期待値に近くなります。特定のデバイス用の壁紙または Native UI の場合は、デバイスの実際の PPI を使用する必要があります。
3. 印刷 DPI とスクリーン PPI を同じものとして扱う。300 DPI は印刷解像度の一般的な値であり、96–160 PPI はスクリーン値です。2 つの値は大きく異なります。計算時はシーンを区別する必要があります。
4. 出力結果でインチだけを見て、センチメートルとミリメートルを無視する。多くの人にとってインチは直感的ではありません。2.54 を乗算してミリメートルを確認する習慣をつけると、判断しやすくなります。
5. デバイスを頻繁に切り替える場合、DPI 値を更新するのを忘れる。スマートフォンから大きな画面に切り替える場合、ピクセル入力は変わりませんが、DPI の変更を忘れると、結果は大きく異なります。デバイスを切り替えるたびに、最初に DPI 入力ボックスの値が正しいかどうかを確認します。

よくある質問 FAQ

1 インチは何ピクセルに相当し、固定の答えはあるのか。
唯一の答えはなく、デバイスの PPI または DPI に依存します。96 PPI デバイスでは 1 インチは 96 px、326 PPI デバイスでは 1 インチは 326 px です。これがこの変換ツールが必要な理由です。——「ピクセル→インチ」がデバイスパラメータで決定されるという点を直感的に示します。

このツールの DPI と PPI は同じものですか。
変換ツールでは、それらを同じ入力パラメータとして扱うことができます。厳密には、PPI は通常スクリーンピクセル密度を指し、DPI は印刷ドット密度を指しますが、「ピクセル ↔ インチ」の変換に関しては、公式と結果は完全に同じで、入力ボックスにどちらを入力しても出力に影響しません。

デバイスの PPI がわからない場合はどうしますか。
最も簡単な方法は、デバイスモデルを「ピクセル密度」または「PPI」で検索することです。見つからない場合は、上記の速查表の同じタイプのデバイスの典型値を参照できます。エラーは通常、許容範囲内です。既知の物理サイズ（画面幅など）と解像度から逆算することもできますが、公式のドキュメントを直接参照する方が簡単です。

計算したインチ数が大きいか小さいように見える理由は何ですか。
デバイスピクセルと CSS ピクセルを混同していないか確認してください。ブラウザでウェブデザインを行っている場合は、DPI を 96 に設定してみてください。ブラウザのレンダリング実際のサイズに近い可能性があります。

この変換ツールを使用して印刷ファイルのサイズを計算できますか。
完全にできます。DPI を印刷に必要な解像度（通常は 300）に設定し、インチを使用して目的の物理サイズを入力すると、エクスポートする必要があるピクセルの幅と高さが得られます。逆に、既存のピクセルから最大印刷サイズを計算することもできます。

結果はどのくらいの桁数まで正確で、エラーは大きいですか。
変換ツール自体は倍精度浮動小数点演算を使用しており、表示される結果は数学的に正確な値です。小数点以下の桁数は入力に依存します。最終的な物理的精度は、入力した PPI の正確性に依存するため、パラメータが正確なほど、結果はより信頼できます。

注意事項と制限

この変換ツールは PPI / DPI に基づいた純粋な数値変換を提供し、実際の画像スケーリング、スクリーンハードウェアキャリブレーション、または色管理は含まれません。計算結果は理論的な物理サイズを表しており、実際に目で見るサイズは観覧距離、スクリーンレンダリング方法などの影響を受ける可能性があります。

• PPI / DPI はユーザーが自分で提供する必要があります。バックエンドにデバイスデータベースは組み込まれていないため、正確なパラメータを入力する必要があります。値が不正確な場合、結果は当然誤差が生じます。計算前に毎回正確性を確認することをお勧めします。
• 曲面スクリーン、異形スクリーンなどの特殊なディスプレイデバイスには適用されません。曲面スクリーンの物理サイズ計算には曲面の弧度も含まれ、単純なピクセル / インチ公式は実際の視覚幅を過小評価します。
• 長さの次元のみを処理し、面積または体積は含まれません。スクリーン面積またはピクセルの総面積を計算する必要がある場合、追加の二乗計算が必要で、この変換ツールは直接サポートしていません。
• 値は正の数である必要があります。ゼロまたは負の数を入力しても、有意義な物理長は得られません。入力する前に注意してください。

これで上記の変換ツールで独自の数字を試してみてください。——進行中のデザイン案のピクセルをランダムに見つけ、手元のデバイスの PPI を追加して、実際のサイズを確認してください。