画像解像度：ピクセル、DPI、印刷サイズをわかりやすく解説

最終更新日: June 28, 2026

解像度とは、画像がシャープに見えるかソフトに見えるか、印刷時にクリアかぼやけるか、そしてファイルサイズが80 KBになるか8 MBになるかを決定する数値です。スクリーン用の場合、ピクセル数だけが重要であり、DPIはファイルに付随するほとんど意味のないタグです。一方、印刷物ではDPIが全てです。なぜなら、それはピクセルが紙の上にどれだけ密に配置されるかを決めるからです。私は同じファイルを72 DPI、150 DPI、300 DPIで印刷し、それがくすんだ色から鮮明なものへと変化するのを見てきました。したがって、この記事は推測ではなく測定に基づいて構築されています。

結論：どの解像度が必要ですか？

普遍的な数字に合わせるのではなく、出力目的に合わせましょう。

• Webヒーローまたはフルブレッド写真 — 幅1920 px、72 DPI程度（ブラウザでは無視される）、WebPまたはAVIF。
• ブログコンテンツ画像 — 1200〜1600 px幅で、モバイル向けに過剰なデータを提供しすぎない範囲で、Retinaディスプレイの列を埋めるのに十分なサイズ。
• Instagramフィード — 1080x1080（正方形）または1080x1350（縦長）；これより大きいものはダウンスケールされ、バイトが無駄になります。
• 300 DPIでの印刷 — インチ数に300を掛けます。8x10インチには2400x3000 pxが必要です。

決して変わらないルールがあります。それは、「印刷用には十分な実ピクセルが必要」「スクリーン用には適切なピクセル寸法と積極的な圧縮が必要」ということです。メタデータフィールドとしてのDPIは、ウェブページ上では何も作用しません。

解像度とは実際に何を意味するのか？

解像度とは「どのような配置で、どれだけのピクセルがあるか」ということにすぎません。ほとんどすべての画像を説明する3つの数値があります。

• ピクセル寸法 — 幅×高さ（例：4000x3000）。これはスクリーンが反応する唯一の数値です。
• ピクセル密度 (PPI) — 物理的ディスプレイあたりのピクセル数（例：163 PPIの27インチ 4Kモニター）。デバイスによって設定され、ファイルではありません。
• DPI — インチあたりのドット数で、プリンターに1インチあたりどれだけのインクドットを配置するかを指示する印刷用命令です。メタデータとしてファイルに埋め込まれます。

人々はPPIとDPIを自由に交換し、会話の中ではほとんど問題になりませんが、この違いは印刷時に重要になります。「72 DPI」のタグが付けられた4000x3000のファイルも、「300 DPI」のタグが付けられた同じファイルも、スクリーン上ではピクセル単位で同一です。そのタグが変えるのは、インクが紙に触れたときに何が起こるかだけです。

メガピクセル：簡単な翻訳

メガピクセル = 幅 × 高さ ÷ 1,000,000。これは品質ではなく、総ピクセル予算を教えてくれます。

メガピクセルが多いほど、クロップの余地と大きな印刷が可能になりますが、「より良い」ピクセルを意味するわけではありません。ソフトなレンズで撮影した45 MPの写真の方が、きれいな20 MPの写真よりも見劣りすることがあります。

スクリーン上でDPIは重要ですか？

いいえ — ほとんどの人が考えているような方法では重要ではありません。ブラウザはピクセル寸法を読み取り、CSSピクセルに画像をスケーリングします。「72 DPI」がJPEGに埋め込まれていても無視されます。私は同じ1920x1080の写真を72 DPI、150 DPI、300 DPIでエクスポートしましたが、レンダリングされたウェブページはバイト単位で同一でした。

「スクリーン用72 DPI」というルールは、偶然にも9インチのディスプレイが約72 PPIでレンダリングされていた1984年のMacに由来します。現代のディスプレイはそれとは全く異なります。

スクリーン上で実際に重要なのは、画像が表示されるディスプレイに必要なだけのピクセルを提供し、その後で強力に圧縮することです。Retinaや高DPIのスマートフォン向けには、CSSピクセル幅の約2倍を供給する必要があります。コンテンツ画像が800 px幅の場合、これは1600 pxのソースを意味します。正確なエクスポート設定については、resize image for web guideを参照してください。

解像度、品質、ファイルサイズはどのように相互作用するか？

解像度とファイルサイズは同じレバーではありませんが、互いに引っ張り合います。ピクセル数を4倍にすると、与えられた品質設定でバイト数も約4倍になりますが、品質はピクセルだけではなく圧縮によって決定されます。私は1200x800の風景写真を4800x3200にアップスケールしましたが、新しいディテールが発明されたわけではないため、ファイルサイズは240 KBから2.1 MBに膨れ上がっただけで、シャープになったようには見えませんでした。

実際に目に見えるものを決定するのは3つの要素です。

• 実際のキャプチャされたディテール — レンズとセンサーからの光学的な解像度。これが上限となります。
• ピクセル寸法 — そのディテールを表現するために必要なピクセル数。
• 圧縮品質 — 保存時にどれだけ情報を捨てるか。

光学性能が低い高解像度のファイルは、単に大きくソフトな画像です。品質を損なわずにバイト数を減らすには、image resize keep qualityのガイドウォークスルーでどこで止めるべきかがわかります。

印刷解像度：なぜ300 DPIが標準なのか？

プリンターは物理的な表面にインクドットを配置するため、ピクセル密度が現実のものとなります。おおよそ200 DPIを下回ると、ほとんどの閲覧者は通常の読書距離でソフトさを感じます。300 DPIという数値は、腕の長さから見て取れて、多少拡大しても耐えられる快適な目標値です。私は8x10インチを300 DPIと150 DPIの両方で同じ紙に印刷しましたが、150 DPI版は部屋の向こうからは許容できるように見えましたが、近くで見ると目に見えてぼやけていました。

この公式を使用し、切り上げてください：ピクセル数 = インチ数 × DPI。

メーター以上離れて見る大きなポスターの場合、通常は150 DPIで十分です。なぜなら、その距離では細部を視認することができないため、300 DPIにこだわるのはインクと解像度の無駄遣いだからです。通りから見えるバナーは72〜100 DPIまで落ちることがあります。

プラットフォームごとにどの解像度を選べばいいですか？

画像が埋め尽くす最大のディスプレイに合った寸法を選び、その後で圧縮します。過剰なデータ提供は単にバイトとロード時間の浪費です。

4032x3024のスマホ写真は、Instagramにとっては過剰であり、同時に8x10インチの印刷物としては不適切です。これは間違った形であり、それが次の落とし穴につながります。

一般的な解像度の間違い（とその修正方法）

• 小さな画像を引き伸ばすこと。 アップスケーリングはピクセルを掛けるだけでディテールを追加しません。エッジがただソフトになるだけです。どうしても必要な場合は、最近傍補間ではなくAIアップスケーラーを使用してください。まずhow to upscale imagesの入門記事から始めてください。

• ウェブ用の「72 DPI」タグを信用すること。 ブラウザ上では何も作用しません。代わりにピクセル寸法でエクスポートしてください。

• 印刷前にアスペクト比を忘れること。 3:2の写真が8x10インチ（4:5）のフレームに強制されると、クロップされるか歪みます。まず印刷比率に合わせてクロップしてください。

• 1080 pxフィードに8 MPファイルを送ること。 バンド幅を浪費します。プラットフォームはいずれにせよダウンスケールし再圧縮するため、場合によってはあなたが行うよりも悪くなります。

• ファイルがそう言ったから72 DPIで印刷すること。 DPIタグは提案にすぎません。ピクセル数を再確認してください：インチ数 × 300。

画像をアップスケールすべきなのはどんな時か？

アップスケーリングは、ソースが特定のターゲットに対して真に小さすぎる場合で、再撮影や再エクスポートの方法がない場合に価値があります。私がこれを行う3つのケースがあります。

1. クライアントの写真がヒーローバナーを埋め尽くさなければならないが、利用可能なアセットが800 px幅しかない場合。AIモデルを使用して約1920 pxにアップスケールし、その後シャープネスを調整します。
2. 小さなスマホのショットが小さな印刷物（例えば4x6インチ）が必要で、1800x1200にわずかに届かない場合。控えめな1.5倍のアップスケールでギャップを埋めることができます。
3. 古い写真やスキャンした写真を修復する場合で、より大きなディスプレイでの表示が求められ、AIがもっともらしいテクスチャを再構築する場合。

ソースがすでに十分大きい場合、またはキャプチャされなかったディテールを作り出すことを期待している場合には、アップスケーリングは価値がありません。これはもっともらしいピクセルを合成するものであり、欠落している情報を回復するものではありません。モデルと限界についてのより深い比較については、AI image upscaler guideをお読みください。MDNのimage type referenceも、WebPとAVIFがアップスケールされた結果をどのようにエンコードするかを理解するのに役立ちます。

重要なポイント：スクリーンにはピクセルを、インクにはDPIを

この2つの世界は別々に扱い、ほとんどの解像度の混乱はなくなります。スクリーン上では、ディスプレイに適した適切なピクセル寸法を提供し、DPIは好きな値に設定し、