PX から CM

PX から CM への計算ツールは、DPI (Dots Per Inch) を変換ブリッジとして使用して、ピクセル測定値をセンチメートル値に変換します。 計算ツールは、cm = px × 2.54 ÷ DPI という式をリアルタイムで適用します。ここで、2.54 は 1 インチ (1 インチ = 2.54 cm) の固定センチメートル数です。

PX から CM への変換計算ツールは 3 つのステップで動作します。

1. 入力フィールドにピクセル (px) 値を入力します。100 px、1920 px、37.5 px など、小数点を含む任意の正の数値です。
2. ターゲットのコンテキストに一致するDPI (インチあたりのドット数) 設定を選択します。この電卓は、72 DPI (Mac クラシック / レガシー Web)、96 DPI (Windows 標準 / CSS 参照ピクセル)、150 DPI (中解像度印刷)、および 300 DPI (高品質印刷) の 4 つの標準プリセットをサポートしています。カスタム DPI オプションは、特定の画面解像度または印刷解像度で使用できます。
3. センチメートル (cm) の結果を確認し、段階的な式の内訳と、関連する 4 つの単位 (ミリメートル (mm)、インチ (in)、タイポグラフィ ポイント (pt)、CSS レム) の同等の値を確認します。

この計算機は逆の動作も行います。センチメートル値を入力すると、px = cm × DPI ÷ 2.54 という逆数式を使用して相当するピクセルが更新されます。 Web デザイナー、グラフィック デザイナー、フロントエンド開発者は、印刷デザイン用のデジタル アセットを準備したり、Adobe Photoshop や Figma でドキュメントの寸法を設定したり、CSS ピクセル値を物理的なセンチメートル測定値に変換したりするときに、PX から CM への計算ツールを使用します。

PX から CM への計算式は cm = px × 2.54 ÷ DPI です。 定数 2.54 は 1 インチの正確なセンチメートル数 (1 インチ = 2.54 cm) を表し、DPI (Dots Per Inch) はそのインチ内に収まるピクセル数を定義します。

PX から CM への変換式の 2 つの実際の例を次に示します。

例 1 — 96 DPI で 100 ピクセル: cm = 100 × 2.54 ÷ 96 = 254 ÷ 96 = 2.6458 cm。 96 DPI (W3C CSS 参照ピクセル標準) では、100 ピクセルは 2.6458 センチメートル (26.458 mm または 1.0417 インチ) に相当します。

例 2 — 300 DPI で 300 ピクセル: cm = 300 × 2.54 ÷ 300 = 762 ÷ 300 = 2.54 cm。 300 DPI (高品質印刷解像度) では、300 ピクセルを 300 DPI で割ると正確に 1 インチとなるため、300 ピクセルは正確に 2.54 センチメートル (1 インチ) に相当します。

DPI 値によって変換結果が変わります。 DPI 値が高くなると、1 インチあたりにより多くのピクセルが詰め込まれるため、ピクセルあたりの出力がより小さくなります。 72 DPI では、1 ピクセル = 0.0353 cm (0.353 mm) です。 96 DPI では、1 ピクセル = 0.0265 cm (0.265 mm) です。 300 DPI では、1 ピクセル = 0.0085 cm (0.085 mm) です。

PX から CM は、ピクセル (px) からセンチメートル (cm) への単位変換であり、DPI (Dots Per Inch) を使用してデジタル画面単位と物理的な測定単位を橋渡しします。 変換式はcm = px × 2.54 ÷ DPI で、2.54 cm は 1 インチに相当します。

ピクセル (px) は、デジタル ディスプレイ上でアドレス可能な最小の要素です。 W3C (World Wide Web Consortium) の CSS 仕様では、標準 96 DPI 基準で 1 CSS ピクセルを 1/96 インチと定義しています。センチメートル (cm) は、1 メートル (10 mm) の 1/100 に等しい物理的な長さのメートル単位です。ピクセルは、Web デザイン、レスポンシブ デザイン、デジタル画像編集で使用されます。センチメートルは、印刷物のデザイン、製造、物理的な測定に使用されます。

PX から CM への変換は、ピクセル密度、つまりディスプレイまたは印刷出力の各インチに詰め込まれたピクセルの数によって異なります。 96 DPI (CSS 参照標準) では、1 ピクセルは 0.0265 cm (0.265 mm) に相当します。 72 DPI (従来の Mac ディスプレイ) では、1 ピクセルは 0.0353 cm (0.353 mm) に相当します。 300 DPI (高品質印刷) では、1 ピクセルは 0.0085 cm (0.085 mm) に相当します。 DPI 値は、各ピクセルの物理サイズを決定します。

Web デザイナーは、Figma、Adobe Photoshop、Sketch、GIMP などのツールから印刷物制作用にデザインをエクスポートするときに、PX から CM への変換を使用します。フロントエンド開発者は、CSS ピクセル寸法が印刷スタイルシートまたは PDF 出力の物理センチメートル仕様と一致する必要がある場合に、PX から CM への変換を使用します。

37.7953 ピクセルは、96 DPI (Dots Per Inch) で 1 cm に相当します。 DPI は各インチ (1 インチ = 2.54 cm) に収まるピクセル数を定義するため、1 センチメートル内のピクセル数は DPI 設定に応じて変わります。

4 つの標準 DPI 設定における 1 cm のピクセル値は次のとおりです。

96 DPI では、96 ÷ 2.54 = 37.7953 となるため、1 cm には 37.7953 ピクセルが含まれます。 300 DPI では、300 ÷ 2.54 = 118.1102 となるため、1 cm には 118.1102 ピクセルが含まれます。 DPI 値が高くなると、1 センチメートルあたりにより多くのピクセルが詰め込まれ、印刷デザインやデジタル イメージングの詳細がより細かくなり、画像解像度がより鮮明になります。

1 ピクセルは、標準 96 DPI (Dots Per Inch) での 1/96 インチ (0.0104 インチまたは 0.0265 cm) に相当します。 DPI は、1 インチのディスプレイまたは印刷面にいくつのピクセルが詰め込まれるかを定義するため、ピクセルとインチの関係は DPI によって異なります。

4 つの標準 DPI 設定における 1 ピクセルのインチ値は次のとおりです。

W3C CSS 仕様では、1 CSS ピクセルを 1 インチの正確に 1/96 と定義しています。これは、96 DPI 基準で 96 ピクセル = 1 インチ = 2.54 cm を意味します。 72 DPI (Mac クラシック ディスプレイおよび従来の Adob​​e Photoshop で使用) では、72 ピクセル = 1 インチです。 300 DPI (高品質の印刷デザインで使用) では、300 ピクセル = 1 インチです。ピクセル、インチ、センチメートル間の変換は、固定定数1 インチ = 2.54 cm = DPI ピクセルに従います。

ピクセルをインチに変換するには、インチ = ピクセル ÷ DPI という式を使用します。インチをセンチメートルに変換するには、2.54 を掛けます。 px を cm に直接変換するには、cm = px × 2.54 ÷ DPI を使用します。

Adobe Photoshop で [画像] → [画像サイズ] (Windows では Alt+Ctrl+I、Mac では Option+Cmd+I) を開き、単位ドロップダウンを [ピクセル] から [センチメートル] に変更し、解像度をターゲット DPI (インチあたりのドット数) 値に設定します。

Adobe Photoshop で px を cm に変更するには、次の 4 つの手順に従います。

1. 画像サイズを開く: [画像] → [画像サイズ] に移動するか、 (Windows) / (Mac) を押します。 [画像サイズ] ダイアログ ボックスには、現在のドキュメントのサイズがピクセル単位で表示されます。
2. 単位ドロップダウンを変更する: [幅] または [高さ] の横にある単位ドロップダウンをクリックし、[ピクセル] の代わりに[センチメートル] を選択します。 Adobe Photoshop は、現在の解像度 (PPI) 設定に基づいて寸法を再計算します。
3. 解像度を設定します: [解像度] フィールドにターゲット解像度を入力します。 Web/画面には 72 PPI (インチあたりのピクセル数)、中程度の印刷には 150 PPI、高品質印刷には 300 PPI を使用します。 Adobe Photoshop の新しいドキュメントのデフォルトは 72 PPI です。
4. 変更を適用する: [OK] をクリックして適用します。ドキュメントの寸法がセンチメートル単位で表示されるようになりました。 Adobe Photoshop は、px から cm への変換の DPI (Dots Per Inch) と同等の PPI (Pixels Per Inch) を使用します。

Canva で [サイズ変更] をクリックし、単位ドロップダウンを [px] から [cm] に切り替え、ターゲットのセンチメートル寸法を入力します。 サイズ変更機能は、Canva Pro、Canva for Teams、および Canva for Education プランで利用できます。

Canva で px を cm に変更するには、次の 3 つの手順に従います。

1. サイズ変更ツールを開く: Canva エディターの上部ツールバーにある「サイズ変更」 ボタンをクリックします。 Canva Free で「カスタム サイズ」 で新しいデザインを作成し、開始する前に単位を選択します。
2. 単位をセンチメートルに切り替える: 単位ドロップダウン (デフォルトでは「px」を表示) をクリックし、オプションから 「cm」 を選択します。 Canva では、代替単位としてインチ (in) とミリメートル (mm) もサポートしています。
3. ターゲットの寸法を入力します: 希望の幅と高さをセンチメートル単位で入力し、[サイズ変更] または [コピーしてサイズ変更] をクリックして変更を適用します。

Procreate で新しいキャンバスを作成し、[+] アイコンをタップして [カスタム サイズ] を選択し、単位を [ピクセル] から [センチメートル] に切り替えて、DPI (ドット/インチ) 値を設定します。

Procreate で px を cm に変更するには、次の 4 つの手順に従います。

1. カスタム キャンバスを開く: ギャラリー ビューで 「+」 アイコンをタップし、新しいキャンバス アイコン (右上に「+」がある四角形) をタップします。これにより、カスタム キャンバス設定パネルが開きます。
2. センチメートルに切り替える: 寸法フィールドの上部にある単位ラベル (デフォルトでは「ピクセル」と表示されています) をタップします。ドロップダウンから「センチメートル」 を選択します。 Procreate はミリメートル (mm) とインチ (in) もサポートしています。
3. DPI を設定します: 「DPI」 フィールドにターゲット DPI 値を入力します。 Procreate の iPad のデフォルトは132 DPIです。高品質の印刷出力には 300 DPI を使用し、標準印刷には 150 DPI を使用します。 DPI 値を高くすると、最大キャンバス サイズと使用可能なレイヤーの数が減ります。
4. 寸法を入力して作成: 希望の幅と高さをセンチ単位で入力し、「作成」をタップしてキャンバスを生成します。 Procreate は、cm 値と DPI 設定に基づいてピクセル寸法を自動的に計算します。

いいえ、px (ピクセル) と cm (センチメートル) は同じではありません。 ピクセルはデジタル画面の単位で、センチメートルは物理的な測定単位です。ピクセルの物理的なサイズは画面の解像度とピクセル密度に依存するため、px と cm の間の変換には DPI (Dots Per Inch) 値が必要です。

px と cm には 3 つの違いがあります。

DPI (Dots Per Inch) は、cm = px × 2.54 ÷ DPI という式でピクセルをセンチメートルに結び付けます。 W3C (World Wide Web Consortium) は、CSS 参照ピクセルを 96 DPI で定義しています。これは、CSS では 1 ピクセル = 1/96 インチ = 0.0265 cm を意味します。 Adobe Photoshop、Figma、Sketch、または Canva を使用しているグラフィック デザイナーは、デザインを画面から印刷制作に移行するときに px と cm の間で変換します。