ピクセル変換チートシート — 主要DPIでのpx⇔mm/cm/インチ早見表

Screen Ruler TeamApril 28, 202613 min read
pixel conversion cheat sheetpx to mm tablepixel to inch tabledpi conversion chart

デザイナー、開発者、フォトグラファー、そしてデジタルピクセルと物理印刷の間でコンテンツを行き来させるすべての人に向けた実用リファレンス。表をコピーして使うもよし、このページをブックマークするもよし、表に載っていない値が必要なときは Pixel Converter を開いてください。

以下の表は標準的な 1 inch = 25.4 mm および pixels = inches × DPI を前提としています。表に載っていないDPIを扱う場合は、コンバーターの Custom DPI オプションに数値を入れれば即座に答えが得られます。

1. 主要DPIでのピクセルからミリメートルへの変換

最もよく聞かれる変換です。指定した出力解像度において、指定したピクセル数は何ミリメートルに相当するか。

Pixels 72 DPI 96 DPI (web) 150 DPI 300 DPI (print) 600 DPI
1 0.35 0.26 0.17 0.085 0.042
10 3.53 2.65 1.69 0.85 0.42
50 17.64 13.23 8.47 4.23 2.12
100 35.28 26.46 16.93 8.47 4.23
250 88.19 66.15 42.33 21.17 10.58
500 176.39 132.29 84.67 42.33 21.17
800 282.22 211.67 135.47 67.73 33.87
1000 352.78 264.58 169.33 84.67 42.33
1920 677.33 508.00 325.12 162.56 81.28
2400 846.67 635.00 406.40 203.20 101.60

表の読み方:96 DPI(CSSのwebピクセル)では、100ピクセルは約26 mm — およそアメリカの25セント硬貨の幅に相当します。一方、印刷用の300 DPIでは、同じ100ピクセルがわずか約8 mm — 小指の爪の幅程度です。同じピクセル数でも、ドットがより密に詰め込まれているため 印刷サイズは3分の1 になります。

2. 主要DPIでのピクセルからインチへの変換

同じ変換をインチで表したもの。アメリカ・イギリスの印刷規格や製品パッケージ向けです。

Pixels 72 DPI 96 DPI 150 DPI 300 DPI 600 DPI
72 1.0000 0.7500 0.4800 0.2400 0.1200
96 1.3333 1.0000 0.6400 0.3200 0.1600
150 2.0833 1.5625 1.0000 0.5000 0.2500
300 4.1667 3.1250 2.0000 1.0000 0.5000
600 8.3333 6.2500 4.0000 2.0000 1.0000
1024 14.2222 10.6667 6.8267 3.4133 1.7067
1920 26.6667 20.0000 12.8000 6.4000 3.2000
3000 41.6667 31.2500 20.0000 10.0000 5.0000
6000 83.3333 62.5000 40.0000 20.0000 10.0000

対角パターン:ピクセル数とDPIが等しいところで、ちょうど1インチになります — これがDPIの定義そのものです。96 px @ 96 DPI = 1インチ、300 px @ 300 DPI = 1インチ。

3. ミリメートルからピクセルへ — 印刷仕様の目標値

印刷会社の仕様がミリメートル指定で、必要なピクセルサイズを逆算したいときに使います。

Target size (mm) 150 DPI 300 DPI 600 DPI
10 59 118 236
25 148 295 591
50 295 591 1181
100 591 1181 2362
150 886 1772 3543
210 1240 2480 4961
297 1754 3508 7016

なぜ210と297なのか:これはA4用紙の短辺と長辺の長さです。つまりA4全面を300 DPIで印刷するには2480 × 3508 px — 約8.7メガピクセル分の元データが必要になります。最近のスマートフォンカメラなら十分カバーできます。

4. インチからピクセルへ — 一般的な印刷サイズ

写真や印刷物の標準サイズを、印刷業界で一般的な300 DPIで変換した値です。

Size (inches) Pixels (300 DPI)
4 × 6 (postcard) 1200 × 1800
5 × 7 1500 × 2100
8 × 10 2400 × 3000
8.5 × 11 (US Letter) 2550 × 3300
11 × 14 3300 × 4200
13 × 19 3900 × 5700
16 × 20 4800 × 6000
20 × 30 6000 × 9000
24 × 36 (poster) 7200 × 10800
30 × 40 9000 × 12000

カメラ視点での確認:24 MPカメラ(6000 × 4000 px)は、300 DPIでは約20 × 13.3インチまでなら原寸で印刷できます。それ以上はアップサンプリング — 離れて見る印刷物なら許容できますが、近距離で鑑賞するギャラリー作品には不向きです。

5. 一般的な画面解像度の物理サイズ(96 DPI)

ブラウザのビューポートサイズを実世界の距離と比較したいときに参照してください。

Resolution Width (mm) Width (inches) Use case
320 px 84.67 3.33 Old phone portrait viewport (CSS reference)
375 px 99.22 3.91 iPhone X-style portrait viewport
768 px 203.20 8.00 iPad portrait viewport
1024 px 270.93 10.67 iPad landscape / older laptop
1280 px 338.67 13.33 Common laptop
1440 px 381.00 15.00 Larger laptop
1920 px 508.00 20.00 Full HD desktop
2560 px 677.33 26.67 QHD monitor
3840 px 1016.00 40.00 4K monitor (at 100% scaling)

ディスプレイスケーリングの注意点:4Kモニターを200%のOSスケーリングで使うと、3840 pxは1080pディスプレイの1920 pxと視覚的に同等の表示になります — つまりユーザーから見た物理的な幅は100 cmではなく約50 cmに近くなります。CSSピクセルと96 DPIという前提がこれを既に処理しているため、表の値は純粋に計算上の数値です。

6. デバイス別PPIクイックリファレンス(実際の物理密度)

実機を物理的な定規で測ると、実効PPIは96よりはるかに高くなります。これはデバイスメーカーが実際に画面に詰め込んでいる密度であり — 特定の画面で物理1:1の測定をキャリブレーションするときに役立ちます。

Device Resolution Physical size Real PPI
iPhone 16 Pro 2622 × 1206 6.3 inch diag 460
iPhone 15 / 14 2556 × 1179 6.1 inch diag 460
iPhone SE (3rd gen) 1334 × 750 4.7 inch diag 326
Samsung Galaxy S24 Ultra 3120 × 1440 6.8 inch diag 505
iPad Pro 12.9 (M4) 2752 × 2064 13 inch diag 264
iPad Air 2360 × 1640 11 inch diag 264
MacBook Pro 14 (M4) 3024 × 1964 14.2 inch diag 254
MacBook Air 13 (M3) 2560 × 1664 13.6 inch diag 224
Dell UltraSharp 27" 4K 3840 × 2160 27 inch diag 163
24" 1080p monitor 1920 × 1080 24 inch diag 92
27" 1440p monitor 2560 × 1440 27 inch diag 109

これがなぜ重要か:CSSが 1in の幅を要求すると、ブラウザは実際のPPIに関係なく96 CSSピクセルを描画します。460 PPIのiPhoneでは、CSSピクセル1つあたり約 460/96 ≈ 4.8 物理ピクセルになります。HiDPI(高解像度)スケーリングは自動的に処理されるので、手動で計算する必要はありません。ただし、画面を物理1:1の測定表示にキャリブレーションするには実際のPPIが必要 — そこで Device Specs DatabaseScreen Ruler の出番です。

7. CSS単位チートシート(Web専用)

Web開発では、96 DPIにおいていくつかのCSS長さ単位が等価です。

CSS unit Pixels (96 DPI) Notes
1px 1 The CSS reference pixel
1pt 1.333 Typographic point (used in print CSS)
1pc 16 12 points
1in 96 Inch
1cm 37.795 Centimeter
1mm 3.7795 Millimeter
1em varies Equal to current font-size — defaults to 16 px
1rem varies Equal to root font-size — defaults to 16 px

実際にこれが問題になることが少ない理由:本番のCSSの大半は pxrem、または % で書かれます。物理単位(mmcmin)は主に印刷用スタイルシート(@media print)で使われるもの。実際に登場した場合の変換は、上の表通りそのままです。

8. 用途別の推奨DPI

最も一般的な出力媒体について「どのDPIを使うべきか」のフラットなリストです。

Workflow DPI Justification
Web design (CSS, HTML, app UI) 96 Browser/OS standard. Always.
Mobile app design 96 Same as web — Retina is handled separately as @2x/@3x assets
Print proofs, A2/A1 large-format 150 Detail is fine at viewing distance
Magazines, books, brochures 300 Industry standard for press output
Photo prints (4×6 to 16×20) 300 Standard photo lab default
Photo prints (gallery, fine art) 300–600 Higher for close inspection
Line art, technical drawings 600 Crisp edges at any zoom
Screen-printed apparel 300 DPI doesn't matter as much; vector preferred
Billboard / outdoor 30–50 Viewing distance is far; pixels can be large
Architectural drawings 600 Fine line work
LCD signage 96 or device-specific Treat as a screen, not print

9. 暗算用のショートカット

コンバーターを開いていないときのために。

  • 96 px ≈ 1インチ。半分にすれば0.5インチ(48 px)、倍にすれば2インチ(192 px)。
  • 96 DPIで 1 mm ≈ 4 px(厳密には3.78)。マージンの妥当性チェックに便利。
  • 96 DPIで 1 cm = 37〜38 px。同じトリックをスケールアップしたもの。
  • 300 DPIでは 1 mm ≈ 12 px。50 mmのロゴは高品質印刷で約600 px幅になる。
  • A4用紙を300 DPIで扱うとおおよそ 2500 × 3500 px — これを基準に上下に拡大縮小する。
  • 6000 px は「300 DPIで20インチ」 — 24 MP写真の原寸印刷の上限です。

10. チートシートで足りないとき

これらの表は95%のケースをカバーします。残りの5% — 非標準DPI、特殊な用紙サイズ、変則的な物理サイズのキオスク画面 — については、Pixel Converter を開いて Custom DPI オプションに必要な値を入力してください。計算式は同じで、定数だけが変わります。

そして特定の画面で物理オブジェクトに対して検証する必要があるときは — Screen Ruler をブックマークしておけば、クレジットカードをモニターに当ててキャリブレーションを確認できます。

関連記事

関連記事