🔄 px ↔ cm 変換ツール(ピクセル・センチメートル)
DPI
⚠️ ピクセルとセンチメートルの換算は、デバイスの解像度(DPI)によって異なります。WebブラウザのCSS標準では 96 DPI が基準です。
⚡ クイック変換(よく使われるpx値 → cm / 96DPI基準)
📋 変換履歴(直近5件)
- まだ変換履歴がありません
📐 px ↔ cm の計算式
px → cm の計算式:
cm = px ÷ DPI × 2.54
cm → px の計算式:
px = cm × DPI ÷ 2.54
ここで 2.54 は「1インチ = 2.54センチ」という物理的な定義から来ています。
DPI(Dots Per Inch)はデバイスや用途によって異なり、WebブラウザのCSSでは通常 96 DPI が基準とされています。
🔢 具体的な計算例
例1:96 DPI のモニターで 192px は何cm?
192 ÷ 96 × 2.54 = 5.08 cm
例2:350 DPI の印刷で 2894px は何cm?
2894 ÷ 350 × 2.54 ≈ 21.0 cm(A4縦幅相当)
例3:96 DPI で 5 cm は何px?
5 × 96 ÷ 2.54 ≈ 188.98 px ≈ 189 px
📊 DPI別 px ↔ cm 換算表
| ピクセル(px) | センチメートル(cm) | ミリメートル(mm) | インチ(in) |
|---|
📊 cm → px 換算表(96 DPI基準)
| センチメートル(cm) | ピクセル(px)96 DPI | ピクセル(px)300 DPI | ピクセル(px)350 DPI |
|---|---|---|---|
| 0.5 cm | 19 px | 59 px | 69 px |
| 1 cm | 38 px | 118 px | 138 px |
| 2 cm | 76 px | 236 px | 276 px |
| 3 cm | 113 px | 354 px | 413 px |
| 5 cm | 189 px | 591 px | 669 px |
| 10 cm | 378 px | 1181 px | 1339 px |
| 15 cm | 567 px | 1772 px | 2008 px |
| 20 cm | 756 px | 2362 px | 2677 px |
| 21 cm(A4縦) | 794 px | 2480 px | 2894 px |
| 29.7 cm(A4横) | 1123 px | 3508 px | 4093 px |
| 30 cm | 1134 px | 3543 px | 4134 px |
| 50 cm | 1890 px | 5906 px | 6890 px |
🗂️ 用紙サイズ別 px 換算表(350 DPI 印刷基準)
| 用紙サイズ | 幅 × 高さ(mm) | 幅 × 高さ(px / 350DPI) | 幅 × 高さ(px / 300DPI) |
|---|---|---|---|
| A5 | 148 × 210 mm | 2039 × 2894 px | 1748 × 2480 px |
| B5 | 182 × 257 mm | 2508 × 3541 px | 2150 × 3035 px |
| A4 | 210 × 297 mm | 2894 × 4093 px | 2480 × 3508 px |
| B4 | 257 × 364 mm | 3541 × 5016 px | 3035 × 4299 px |
| A3 | 297 × 420 mm | 4093 × 5787 px | 3508 × 4961 px |
| B3 | 364 × 515 mm | 5016 × 7096 px | 4299 × 6083 px |
| A2 | 420 × 594 mm | 5787 × 8185 px | 4961 × 7016 px |
| 名刺 | 55 × 91 mm | 758 × 1254 px | 650 × 1075 px |
| ポストカード | 100 × 148 mm | 1378 × 2039 px | 1181 × 1748 px |
📱 デバイス別・1pxの実際のサイズ
| デバイス・用途 | 一般的なDPI | 1 px の実寸 | 96 px の実寸 |
|---|---|---|---|
| Webブラウザ(CSS標準) | 96 DPI | 約0.0265 cm | 約2.54 cm |
| デスクトップモニター(24インチFHD) | 約92 DPI | 約0.0276 cm | 約2.65 cm |
| MacBook Retina(13インチ) | 約227 DPI | 約0.0112 cm | 約1.07 cm |
| iPhone(Retina) | 約326 DPI | 約0.0078 cm | 約0.75 cm |
| 低解像度印刷 | 150 DPI | 約0.0169 cm | 約1.62 cm |
| 高品質印刷 | 300 DPI | 約0.00847 cm | 約0.81 cm |
| 商業印刷(同人・雑誌等) | 350 DPI | 約0.00726 cm | 約0.70 cm |
🔗 pxから換算できる主な単位(96 DPI基準)
cm(センチ)
1 px = 約0.02646 cm
mm(ミリ)
1 px = 約0.2646 mm
in(インチ)
1 px = 約0.01042 in
pt(ポイント)
1 px = 約0.75 pt
pc(パイカ)
1 px = 約0.0625 pc
em(相対単位)
16px基準: 1 px = 0.0625 em
rem(ルートem)
16px基準: 1 px = 0.0625 rem
Q(クォーター)
1 px = 約1.058 Q
💡 用途別・px と cm の使い分けガイド
- Web・アプリUI設計: px を基準に設計。96 DPI (CSS標準) で cm に換算する場面は主にプリント対応CSS(@media print)のとき
- 印刷物(チラシ・ポスター): デザインソフトでは cm や mm で寸法指定し、書き出し時に解像度(300〜350 DPI)を指定して px 数を確保
- 同人誌・コミック原稿: 商業印刷推奨の 350 DPI で px 数を計算。A4サイズ(210×297mm)は 2894×4093 px が必要
- SNSアイコン・バナー: Twitter/X のヘッダーは 1500×500 px = 96DPI 換算で約39.7×13.2 cm
- Webフォントサイズ: 本文は通常 14〜18 px(約0.37〜0.48 cm)、見出しは 24〜36 px(約0.64〜0.95 cm)
- 名刺デザイン: 名刺標準サイズ 91×55 mm = 91×55 mm。350 DPI では 1254×758 px 必要
- スマートフォン向けUI: タップ操作を想定した最小タップ領域は 44×44 px(Apple推奨)。96 DPI 換算で約1.17 cm 四方
🔥 よく検索される px ↔ cm 変換(96 DPI)
| ピクセル(px) | センチメートル(cm) | ミリメートル(mm) |
|---|---|---|
| 1 px | 0.0265 cm | 0.265 mm |
| 10 px | 0.265 cm | 2.65 mm |
| 16 px | 0.423 cm | 4.23 mm |
| 72 px | 1.905 cm | 19.05 mm |
| 96 px | 2.540 cm | 25.40 mm(= 1インチ) |
| 100 px | 2.646 cm | 26.46 mm |
| 192 px | 5.080 cm | 50.80 mm |
| 300 px | 7.938 cm | 79.38 mm |
| 500 px | 13.229 cm | 132.29 mm |
| 768 px | 20.320 cm | 203.20 mm |
| 1024 px | 27.093 cm | 270.93 mm |
| 1280 px | 33.867 cm | 338.67 mm |
| 1920 px | 50.800 cm | 508.00 mm |
| 3840 px(4K) | 101.600 cm | 1016.00 mm |
🔗 関連する単位換算
❓ よくある質問(FAQ)
1 px は何センチですか?▶
WebブラウザのCSS標準(96 DPI)では、1 px ≈ 0.02646 cm(約0.265 mm)です。ただし、これはデバイスの実際の物理的なピクセルサイズとは異なる場合があります。印刷(300 DPI)の場合は 1 px ≈ 0.00847 cm になります。
96 DPI とは何ですか?▶
DPI(Dots Per Inch)は「1インチあたりのドット(ピクセル)数」を表します。96 DPI はW3C(World Wide Web Consortium)がCSSの基準として定めた値で、ほとんどのWebブラウザはこの値をもとにpxとcmを換算します。高解像度(Retina等)ディスプレイでは物理的なDPIはより高くなりますが、CSSのpxは依然として96 DPI基準で計算されます。
印刷用に px を cm に変換するには?▶
印刷データを作成する場合は、使用する解像度(DPI)を先に決める必要があります。一般的な高品質印刷では300 DPI、商業印刷(同人誌・雑誌等)では350 DPIが推奨されます。計算式は「cm = px ÷ DPI × 2.54」です。例えば、350 DPIで2894 pxは「2894 ÷ 350 × 2.54 ≈ 21.0 cm(A4縦幅)」になります。
PhotoshopやIllustratorでpxとcmを変換するには?▶
Photoshopでは「画像」→「画像解像度」で解像度(DPI)と単位を確認・変更できます。「ドキュメントサイズ」欄でcm・mm表示に切り替え可能です。新規ドキュメント作成時に単位をcmで指定し、解像度を設定すれば、必要なpx数が自動計算されます。Illustratorでも「ファイル」→「ドキュメント設定」から単位を変更できます。
CSSで cm 単位を使うとどうなりますか?▶
CSSでは cm、mm、in などの絶対単位をそのまま指定できます(例:
width: 5cm;)。ブラウザは96 DPI基準でpxに換算して表示します。ただし、実際のモニターのDPIに関わらず固定サイズとして扱われるため、画面表示用のレイアウトでは px や % など相対的な単位の方が一般的です。cm/mm単位は印刷スタイル(@media print)に向いています。
Retinaディスプレイではpxとcmの関係はどうなりますか?▶
Retinaディスプレイ(HiDPIディスプレイ)では、デバイスの物理ピクセル(device pixel)とCSSピクセル(logical pixel)が異なります。例えばデバイスピクセル比(DPR)が2の場合、CSS上の1 pxが物理的な2×2ピクセルで描画されます。そのためCSSのpxからcmへの換算は引き続き96 DPI基準で行われ、見た目の大きさはほぼ同じになります。一方、実際の物理的な解像度は倍になるので、Retinaディスプレイでは画像がより鮮明に見えます。
1インチは何pxですか?▶
CSS標準の96 DPIでは、1インチ = 96 px = 2.54 cmです。この関係は「1インチ = 2.54 cm」という物理的な定義と「96 DPI」から導かれます。印刷の300 DPIでは1インチ = 300 px、350 DPIでは1インチ = 350 px となります。
