基礎知識 · 画像とファイル
DPI と PPI の違いは？
結論
PPI（pixels per inch）は、印刷時やディスプレイ上で画素がどれだけ密に並ぶかを表します。DPI（dots per inch）は、プリンターが1インチあたりに置くインクのドット数を表します。日常的には両者は区別なく使われています。デジタル画像で意味を持つのは画素数だけで、PPI の値は印刷サイズを決めるにすぎません。3000 画素を 300 PPI で印刷すれば幅 10 インチになります。
画像サイズを変更を開くまったく別の2つの単位
| 用語 | 測るもの | 使われる場面 | 代表的な値 |
|---|---|---|---|
| PPI | 出力1インチあたりの画像の画素数 | 画像ファイル、画面 | 印刷は 300、スマホ画面は 400〜500 以上 |
| DPI | 1インチあたりのインクやトナーのドット数 | プリンター | レーザーは 600〜2400、インクジェットは最大 4800 × 1200 |
| LPI | 1インチあたりの網点の線数 | オフセット印刷 | 雑誌は 133〜175 |
プリンターは1画素の色を再現するのに複数のインクドットを使うため、プリンターの DPI は画像の PPI よりはるかに高くなります。Photoshop などのソフトは画像の設定を「解像度」（pixel/inch）と表示しますが、多くのアップロードフォームは 300 PPI のつもりで「300 DPI」と書いています。
計算式：画素数・インチ・PPI
印刷サイズ、画素数、PPI は1つの式で結ばれています。pixels = inches × PPI。変形すると inches = pixels ÷ PPI です。
| 画素数 | 300 PPI のとき | 150 PPI のとき | 72 PPI のとき |
|---|---|---|---|
| 1200 × 1800 | 4 × 6 インチ | 8 × 12 インチ | 16.7 × 25 インチ |
| 2480 × 3508 | A4（8.27 × 11.69 インチ） | 16.5 × 23.4 インチ | 34.4 × 48.7 インチ |
| 3000 × 2000 | 10 × 6.67 インチ | 20 × 13.3 インチ | 41.7 × 27.8 インチ |
| 600 × 600 | 2 × 2 インチ | 4 × 4 インチ | 8.3 × 8.3 インチ |
計算例：8 × 10 インチの写真を 300 PPI で印刷するには、横 8 × 300 = 2400、縦 10 × 300 = 3000 画素が必要です。1200 × 1500 画素の画像を同じサイズで印刷すると 150 PPI にしかならず、近くで見るとぼやけます。
DPI の値を変えるだけでは画面上は何も変わらない理由
PPI の値は、ファイルのメタデータに保存された1つの数値にすぎません。リサンプリングせずに 72 から 300 に変えても画素は1つも増えず、画面上の見た目はまったく同じで、印刷サイズが小さくなるだけです。画質が変わるのは、画素数を変えるリサンプリングをしたときだけです。
- 小さな画像を 300 PPI にするために拡大すると、補間で画素を作り出すだけなので、大きくはなってもシャープにはなりません。
- 画素数を減らすと細部は二度と戻らないので、元の画像を残しておきましょう。
- フォームが「300 DPI」を求めているときは、画素数の指定もないか確認しましょう。実際に重要なのはそちらです。
画面は画素密度をどう扱うか
CSS には独自の単位があり、1 CSS インチは 96 CSS ピクセル、1 ポイントは 1/72 インチです。最近のディスプレイは 1 CSS ピクセルにより多くの物理ピクセルを詰め込んでおり、その比率は window.devicePixelRatio として Web ページから参照できます。
比率が 3 のスマホは、1 CSS ピクセルを 3 × 3 の物理ピクセルで描きます。そのため幅 400 CSS ピクセルで表示する画像をその画面でくっきり見せるには、幅約 1200 画素が必要です。サイトが srcset で複数のサイズを配信するのはこのためです。
必要な PPI はどれくらい？
見る距離が遠くなるほど、必要な密度は下がります。腕を伸ばした距離で見る写真プリントなら、300 PPI がほとんどの人に見分けられる限界に近い値です。2 メートル離れて見るポスターは 100〜150 PPI で十分で、看板は 10〜30 程度で印刷されます。
- 写真プリント、パンフレット、書籍：300 PPI。
- ポスターや大判プリント：150〜200 PPI。
- 遠くから見る横断幕や看板：30〜100 PPI。
- 画面：PPI は気にせず、表示サイズに合わせて画素数で決めます。
よくある質問
Web 用には 72 DPI と 300 DPI のどちらが良いですか？
どちらでも同じです。ブラウザーは DPI の値を無視し、画素数で画像を表示します。幅 1200 画素の画像は、メタデータが 72 でも 300 でもオンラインでは同じに見えます。
画像を 300 DPI にするにはどうすればいいですか？
画像編集ソフトで、リサンプリングせずに解像度を 300 に設定します。それに合わせて印刷サイズが小さくなります。その印刷サイズが小さすぎるなら、画像の画素数がそのサイズを 300 PPI で印刷するには足りないということです。
300 DPI で 4 × 6 インチの写真は何画素ですか？
1200 × 1800 画素です。4 × 300 = 1200、6 × 300 = 1800 だからです。
高い DPI でスキャンすると画質は良くなりますか？
ある程度までは良くなります。書類やプリントには 300 DPI が適しています。小さな写真を引き伸ばしたいなら 600 DPI 以上が役立ちますが、DPI を2倍にするたびにファイルは4倍になります。