ピクセルからインチへの計算

使用方法

ピクセルからインチへの計算の使い方

01
DPI とルートフォントサイズを設定する
画面またはプリンターに合わせて DPI プリセットを選択 (または入力) し、必要に応じてルートフォントサイズを設定します (ブラウザーのデフォルトは 16 ピクセル)。
02
任意の単位で値を入力してください
ソース単位を選択し、番号を入力します。ピクセル、インチ、cm、mm、ポイント、パイカ、レムはすべて一度に更新されます。
03
必要なユニットをコピーします
[宛先] フィールドのターゲットを読み取るか、任意の単位カードをクリックしてその値を設計ツールにコピーします。

ユースケース

一般的な使用例

—ピクセル寸法から印刷用に画像のサイズをインチ単位で設定する
—CSS タイポグラフィー用に px を pt または rem に変換する
—写真に印刷サイズに十分なピクセルがあるかどうかを確認する
—画面上の寸法を物理的な cm/mm に一致させる
—設計仕様をピクセルと物理単位の間で変換する

概要

ピクセルをインチに（そして逆に）正確に変換します

ピクセル値と DPI/PPI を入力して、ピクセル、インチ、センチメートルの間で変換します。 DPI 設定は、ほとんどのコンバーターが間違える部分です (画面では 96 DPI、印刷では 300 DPI)。これはまさに、出力が鮮明であるかぼやけているかを決定するものです。

印刷およびデザイン作業用に作成

デザイナーはこれを使用して、印刷用の画像のサイズを調整したり、キャンバスの寸法を設定したり、写真がプリンターに送られる前に十分な解像度があるかどうかを確認したりできます。 DPI を直接公開するため、推測ではなく正しい物理サイズでアセットを計画できます。

特徴

01: px ↔ in ↔ cm ↔ mm ↔ pt ↔ pica ↔ rem を一度のビューで変換します
02: プリセットによる調整可能な DPI/PPI (72、96、144、300、600)
03: 正確な rem 値を得るために構成可能なルートフォントサイズ
04: スワップおよびクリックしてコピーを備えた From/To セレクター
05: ブラウザ上で完全にオフラインで実行されます

よくある質問

ピクセルをインチに変換するにはどうすればよいですか?+

ピクセル数を DPI (1 インチあたりのドット数) で割ります: インチ = ピクセル ÷ DPI。たとえば、96 DPI (標準画面) では、960 ピクセル = 960 ÷ 96 = 10 インチとなります。 300 DPI (印刷) では、960 ピクセル = 3.2 インチ。

印刷にはどの DPI を使用すればよいですか?+

標準印刷品質: 300 DPI。高品質の写真: 300 ～ 600 DPI。標準 Web ディスプレイ: 72 ～ 96 DPI。 4×6 インチの写真を 300 DPI で印刷するには、少なくとも 1200×1800 ピクセルが必要です。

DPIとPPIの違いは何ですか?+

PPI (ピクセル/インチ) は、デジタル画面密度、つまり 1 インチの画面に収まるピクセル数を指します。 DPI (Dots Per Inch) は、プリンターの解像度を指します。実際には、CSS と Web デザインは、実際の画面の PPI に関係なく、1 インチ = 96 ピクセルを扱います。

CSS では 96 PPI が 1 インチに等しいのはなぜですか?+

CSS は、物理モニターの実際の PPI に関係なく、標準として 1 インチ = 96 ピクセルの参照ピクセルを使用します。これにより、異なる画面密度にわたって一貫したレイアウトが保証されます。高 DPI (Retina) スクリーンでは、これが視覚的に拡大されます。

300 DPI の A4 ページは何ピクセルですか?+

300 DPI = 2480 × 3508 ピクセルの A4 ページ (210mm × 297mm または 8.27 インチ × 11.69 インチ)。 72 DPI (画面) では、595 × 842 ピクセルになります。

Retina ディスプレイとは何ですか? Retina ディスプレイはピクセルからインチへの変換にどのような影響を与えますか?+

Retina ディスプレイ (Apple) は、標準画面と比較して物理ピクセル密度が 2 倍または 3 倍になります。 13 インチ MacBook Pro Retina の PPI は、標準モニターの 96 PPI に対して約 227 PPI です。ただし、CSS は引き続き 96px = 1 インチを論理参照として使用するため、Web レイアウトは同じサイズで表示され、より鮮明になります。Retina 用にデザインする場合は、2 倍の解像度の画像を使用してください。

CSS では 96 PPI が 1 インチに等しいのはなぜですか?+

CSS では慣例により 1 インチを 96 ピクセルとして定義しています。そのため、96 が Web から物理への変換の標準基準となっています。