2026-06-28 · 2026-07-26 更新
画像解像度:ピクセル、DPI、印刷サイズをわかりやすく
画像解像度を解説します。ピクセルとDPIが実際に何をするのか、300 DPIの印刷ルール、Webと画面サイズの違い、そしてアップスケールが価値を持つタイミングまで。
Last updated: July 26, 2026
解像度とは、画像がシャープに見えるか柔らかく見えるか、印刷がクリーンかぼやけるか、ファイルサイズが80 KBか8 MBかを決める数字です。画面についてはピクセル数だけが影響し、DPIはファイルが持つほぼ無意味なタグです。印刷についてはDPIがすべてです。ピクセルを紙にどれだけ密に詰め込むかを決めるからです。私は同じファイルを72、150、300 DPIで印刷し、泥臭く見える状態からパリッと変わるのを目の当たりにしました。本記事の以降は推測ではなく計測に基づいています。
クイック回答:必要な解像度は?
画面への出力にはすべてピクセル寸法を使い、印刷出力にはすべてインチ×300を使いましょう。この判断木でほぼすべてのケースをカバーできます。汎用の数字ではなく出力に合わせましょう:
- Webのヒーローまたは全面掲載写真 — 幅1920 px、72程度の「DPI」(ブラウザは無視)、WebPまたはAVIF。
- ブログの本文画像 — 幅1200〜1600 px。retinaディスプレイのカラムを埋めつつモバイルへ過剰供給しない程度。
- Instagramフィード — 1080x1080(正方形)または1080x1350(縦長)。これより大きいものは縮小され、無駄なバイトになります。
- 300 DPIでの印刷 — インチに300を掛けます。8x10"なら2400x3000 pxが必要です。
決して変わらない1つのルール:印刷には十分な実ピクセルが、画面には正しいピクセル寸法と強力な圧縮が必要です。 メタデータのフィールドとしてのDPIはWebページ上では何もしません。
解像度とは実際何を意味するのか?
解像度とは単に「いくつのピクセルが、どんな配置であるか」です。ほぼどんな画像も3つの数字で説明できます:
- ピクセル寸法 — 幅×高さ(例:4000x3000)。画面が反応する唯一の数字です。
- ピクセル密度(PPI) — 物理的なディスプレイの1インチあたりのピクセル数。163 PPIの27" 4Kモニタなど。ファイルではなくデバイスが決めます。
- DPI — 1インチあたりのドット数。プリンタに1インチあたりいくつのインクドットを置くかを指示する印刷の指示値です。メタデータとしてファイルに埋め込まれます。
人はPPIとDPIを気にせず入れ替えて使いますが、会話ではほとんど問題になりません。ただし印刷時にはその区別が効いてきます。「72 DPI」とタグ付けられた4000x3000ファイルと、「300 DPI」とタグ付けられた同じファイルは、画面上ではピクセル単位で全く同じです。タグが変えるのは、インクが紙に乗る時に何が起きるかだけです。
メガピクセル:手っ取り早い換算
メガピクセル = 幅×高さ÷1,000,000です。これは総ピクセル予算を示すもので、品質を示すものではありません。
| 一般的な解像度 | ピクセル数 | メガピクセル | 典型的なソース |
|---|---|---|---|
| 1080p | 1920x1080 | 2.1 MP | スマホのスクリーンショット、HDの動画フレーム |
| 4K | 3840x2160 | 8.3 MP | 4K動画、最近のスマホのメインカメラ |
| 6000x4000 | 24 MP | 24 MP | エントリー級DSLR / ミラーレス RAW |
| 8192x5464 | 45 MP | 45 MP | プロ用フルサイズカメラ |
より多くのメガピクセルは切り抜きの余裕とより大きな印刷をくれるだけで、「より良い」ピクセルをくれるわけではありません。レンズが甘い45 MPの1枚は、クリーンな20 MPの1枚より悪く見えることがあります。
画面上でDPIは影響する?
いいえ。ほとんどの人が思うようには影響しません。ブラウザはピクセル寸法を読み取り、画像をCSSピクセルにスケーリングします。JPEGに埋め込まれた「72 DPI」は無視されます。私は同じ1920x1080の写真を72、150、300 DPIで書き出しましたが、レンダリングされたWebページはバイト単位で同一でした。
「画面には72 DPI」というルールは1984年のMacに由来します。その9"ディスプレイがたまたま約72 PPIでレンダリングしていました。最近のディスプレイは全く違います:
| デバイス | 概ねのピクセル密度 |
|---|---|
| iPhone 15 Pro | ~460 PPI |
| MacBook Pro 14" | ~254 PPI |
| 27" 4Kモニタ | ~163 PPI |
| 安価な24" 1080pオフィスモニタ | ~92 PPI |
画面上で実際に重要なのは、画像が着地するディスプレイに向けて十分なピクセルを届け、それから強力に圧縮することです。retinaや高DPIのスマホにはCSSピクセル幅の約2倍を提供します。800 px幅の本文画像なら、ソースは1600 pxということになります。正確な書き出し設定については、Web向け画像リサイズガイドを参照してください。
解像度、品質、ファイルサイズはどう影響し合う?
解像度とファイルサイズは同じレバーではありませんが、互いに引っ張り合います。ピクセル数を4倍にすれば、同じ品質設定ではおおむねバイト数も4倍になります。ただし品質はピクセル単独ではなく圧縮によって決まります。私は1200x800の風景を4800x3200にアップスケールしたところ、シャープさは変わらないままファイルは240 KBから2.1 MBに膨らみました。新しいディテールは何も生まれなかったからです。その後、同じ4800x3200ファイルをWebPに圧縮し直して310 KBという実測値を得ました。これは余分なピクセルがディテールではなくバイトを食うことの証明です。
実際に見た目を決めるのは3つの要素です:
- 実際に捉えられたディテール — レンズとセンサーによる光学解像度。これが天井です。
- ピクセル寸法 — そのディテールを表現するために持っているピクセル数。
- 圧縮品質 — 保存時にどれだけ捨てるか。
光学が悪い高解像度ファイルは、単に大きくて柔らかい画像です。品質を壊さずにバイト数を下げる方法は、画像をリサイズして品質を保つウォークスルーがどこで止めるべきかを示しています。

印刷解像度:なぜ300 DPIが標準なのか?
プリンタは物理的な表面にインクドットを置くため、ピクセル密度が現実になります。約200 DPIを下回ると、通常の読書距離ではほとんどの人が柔らかさに気づきます。300 DPIという数字は、腕を伸ばした距離で持ちこたえ、わずかな拡大にも耐える快適な目標です。私は同じ紙に8x10"を300 DPIと150 DPIで印刷しました。150 DPI版は部屋の向こうからなら許容範囲に見えましたが、近づくとはっきりとぼやけて見えました。
この公式を使い、切り上げましょう:ピクセル = インチ×DPI。
| 300 DPIでの印刷サイズ | 必要なピクセル | メガピクセル |
|---|---|---|
| 4x6" | 1200x1800 | 2.2 MP |
| 5x7" | 1500x2100 | 3.2 MP |
| 8x10" | 2400x3000 | 7.2 MP |
| 11x14" | 3300x4200 | 13.9 MP |
| A4(8.3x11.7") | 2480x3508 | 8.7 MP |
1メートル以上離れて見る大きなポスターでは、150 DPIで通常は十分です。その距離では目が細かいディテールを解像できないため、300 DPIに詰め込むのはインクと解像度の無駄です。通りを隔てて見るバナーは72〜100 DPIまで下げられます。
各プラットフォームの解像度をどう選ぶ?
画像が埋める最大の表示に合う寸法を選び、それから圧縮しましょう。過剰に供給してもバイトと読み込み時間を浪費するだけです。
| プラットフォーム | 推奨サイズ | フォーマット | 備考 |
|---|---|---|---|
| Webサイトのヒーロー / 全面掲載 | 1920x1080 | WebP/AVIF | 重要な箇所ではretina向けに2xを提供 |
| ブログ本文画像 | 幅1200〜1600 px | WebP | カラム幅×表示密度に合わせる |
| Instagramの正方形 | 1080x1080 | JPEG/WebP | 1080幅より大きいものは無視される |
| Instagramの縦長 | 1080x1350 | JPEG | 縦方向のフィードスペースを最大化 |
| メールヘッダー | 幅600 px | JPEG | メールクライアントはAVIF/WebPに choked する |
| 8x10"印刷 | 2400x3000 @ 300 DPI | TIFF/PNG | 印刷前に非可逆圧縮しない |
4032x3024のスマホ写真はInstagramには過剰で、8x10"印刷には不適切です。形が違うからであり、これが次の罷に繋がります。
解像度でよくある失敗(と修正)
-
小さな画像を引き伸ばす。 アップスケールはピクセルを増やしますがディテールは加えず、輪郭が柔らかくなるだけです。やらざるを得ない場合は、最近傍ではなくAIアップスケーラを使いましょう。画像をアップスケールする方法の入門記事から始めましょう。
-
Web用に「72 DPI」タグを信じる。 ブラウザ上では何もしません。代わりにピクセル寸法で書き出しましょう。
-
印刷前にアスペクト比を忘れる。 3:2の写真を8x10"(4:5)の枠に押し込むと、切り抜きや歪みが生じます。まず印刷比に切り抜きましょう。
-
8 MPのファイルを1080 pxのフィードに送る。 帯域を浪費します。プラットフォームは結局縮小・再圧縮し、あなたがするよりひどいことすらあります。
-
ファイルがそう書いてあるから72 DPIで印刷する。 DPIタグは提案です。ピクセル数を再確認しましょう:インチ×300。
画像をアップスケールすべきなのはいつ?
アップスケールが価値を持つのは、ソースが特定のターゲットに対して本当に小さすぎる上、撮り直しや再書き出しの手段がない場合です。私が頼る3つのケース:
- クライアント写真をヒーローバナーに合わせる必要があるが、唯一のアセットは幅800 px。AIモデルで約1920 pxにアップスケールし、それからシャープ化する。
- 小さなスマホ写真を小さな印刷(例:4x6")にしたいが、1800x1200にわずかに届かない。1.5xの控えめなアップスケールでその差を埋める。
- 古い写真やスキャン写真をより大きな表示向けに復元する。AIがもっともらしくテクスチャを再構築する。
ソースがすでに十分に大きい場合や、一度も捉えられていないディテールを製造することを期待する場合は、アップスケールは価値がありません。AIともっともらしいピクセルを合成するだけで、存在しない情報を復元するわけではありません。モデルと限界のより深い比較は、AI画像アップスケーラガイドを読んでください。WebPとAVIFがアップスケール結果をどうエンコードするかを理解するには、MDNの画像タイプのリファレンスも有用です。

重要なポイント:画面にはピクセル、インクにはDPI
2つの世界を別々に扱えば、解像度の混乱のほとんどが消えます。画面では、ディスプレイに合った正しいピクセル寸法を送り、DPIは好きな値に設定し、モダンなフォーマットで強力に圧縮しましょう。印刷では、計算(インチ×300)を行い、まずピクセル数を確認し、それからDPIタグを気にしましょう。印刷側の確かな参考として、Adobeの解像度の概要が第2ソースとして役立ちます。
正直な注意点
上のすべての数字は、うまく捉えられ、うまくシャープ化されたソースを前提としています。どんな解像度設定も、DPIタグも、アップスケーラも、ピンボケ、手ブレ、あるいは小さなセンサーのノイズだらけの写真を救いません。私は柔らかい画像に対してメガピクセルやDPIを追い求め、撮り直しをしない人を見てきました。ファイルは大きくなりますが、写真はがっかりさせるままです。まずキャプチャを正しく。その後の解像度は簡単な部分です。
よくある質問
DPIとPPIの違いは?
DPIはプリンタに1インチあたりいくつのインクドットを置くかを指示する印刷の指示値であり、PPIは物理的な画面に組み込まれた固定のピクセル密度を表します。どちらもファイルに保存されたピクセル寸法を変えることはありません。
DPIは画面上での画像の見え方に影響する?
いいえ。ブラウザはピクセル寸法しか読み取らないため、72 DPIとタグ付けされた写真と300 DPIとタグ付けされた同じ写真は、Webページ上でバイト単位で同一にレンダリングされます。
8x10"の写真を300 DPIで印刷するにはどのピクセル寸法が必要?
2400x3000ピクセルが必要です。これは各辺のインチ数に300を掛けることで得られます。
8x10"印刷には何メガピクセル必要?
300 DPIでクリーンな8x10"印刷をカバーするには約7.2メガピクセルで、2400x3000ピクセルの要件と一致します。
なぜ画像をアップスケールしても実ディテールは増えない?
アップスケーラはピクセル数を増やしますが、ともかくもっともらしく見えるピクセルをでっち上げるだけであり、レンズやセンサーが一度も捉えなかった光学ディテールを復元することはできません。
Instagramにはどんな画像サイズを使うべき?
正方形のフィード投稿には1080x1080、縦長には1080x1350を使いましょう。これより大きいものは縮小されるだけでバイトを無駄にします。
より高い解像度は常にファイルサイズが大きくなることを意味する?
おおむねそうです。圧縮設定が一定なら、ピクセル数を4倍にすればファイルサイズもおおむね4倍になります。ただし圧縮品質は解像度とは別にファイルサイズを変えられます。
写真をアップスケールするのが本当に価値あるのはいつ?
1920 pxのヒーローバナーに必要な800 pxのクライアント写真のように、本当に小さなソースがより大きなターゲットを埋める必要があり、かつ撮り直しが選択肢にない場合に、アップスケールは報われます。
画像クレジット
- デザインソフトを表示するデュアルモニターのモダンワークスペース — Pexels の Daria Shevtsova による写真
- 水滴のついたCanonズームレンズのクローズアップ — Pexels の Suzy Hazelwood による写真
- さまざまな被写体の印刷写真のコレクション — Pexels の Tima Miroshnichenko による写真
続けて読む

2026-07-26
HEICからJPGへの変換:無料ツールとバッチ処理方法を比較
Web、Mac、Windows、iPhone、コマンドラインなど、様々な環境で利用できる無料のツールを使ってHEIC形式のiPhone写真をJPGに変換する方法を徹底比較します。速度やバッチサポート機能、最適な使用シーンごとに詳細な情報を提供します。

2026-07-26
JPGからPDFへの変換方法:無料で使える手順と用途ガイド
JPG写真をPDFに変換し、フォーム作成やポートフォリオ、印刷物など様々な用途に使用できます。デバイスごとの具体的な操作手順、最適な解像度の選び方、そして品質を維持するための無料ツールをご紹介します。
2026-07-26
PNGからJPGへの変換:いつ切り替えるべきか、正しい手順とは?
PNGをJPGに変換することで、ファイルサイズを80%以上削減できます。PNGの透明度を維持する方法、背景の処理方法、そして品質を保ちながらバッチで変換する手順について詳しく解説します。