dpiって何?解像度の意味と印刷・Webでの考え方を現役デザイナーが解説

「この画像、解像度が足りません」——印刷会社からこのメールが来たとき、何をどうすれば良いのか焦った経験、ありませんか?dpiという単語は知っていても、実際に何を意味していて、どう対処すればいいかがわからない人は意外と多いです。この記事では、現場で8年デザインをしてきた目線で、dpiと解像度の話をざっくり整理します。

dpiとは何か?1行で言うと

dpi(ドット・パー・インチ)とは、1インチ(約25.4mm)の中にドットが何個あるかを表す単位です。数値が大きいほど密度が高く、細かい表現ができます。

紙に印刷するとき、インクのドットがぎっしり並ぶことで画像が作られます。このドットの密度がdpiで、これが足りないと「のっぺりしたボケた印刷物」になります。逆にモニター表示では、そこまでの密度は必要ありません。スクリーンはピクセルで色を表示するので、密度よりも「画面上でどれだけのサイズを占めるか」のほうが重要になってきます。

dpiは「密度」の話。数値が高いほど細かく、印刷物はとくに重要。

72dpiと300dpiはどう考える?

「とりあえず300dpiにしておけ」という話をよく聞くと思います。でも、なぜ300なのか。そしてWebで72dpiという数字がよく出てくるのはなぜなのか。ここを整理しておくと、現場での判断がかなり楽になります。

用途推奨dpi理由
印刷(チラシ・パンフ・名刺など)300dpi人間の目が識別できる限界に近い密度。それ以上は大きくなるだけ。
大判印刷(ポスター・バナーなど)72〜150dpi離れて見るので、粗さが目立たない。無理に高解像度にすると重くなる。
Web・SNS・動画dpiは目安扱いモニター表示ではピクセル数が基準。72という値は慣例として残ることがあるが、必須条件ではない。

Web画像のdpiは、実のところモニター表示にほぼ影響しません。重要なのはピクセル数(横×縦のpx)です。たとえばInstagramの正方形投稿では 1080×1080px が代表的なサイズですが、この画像が72dpiでも300dpiでも、スマホ画面上での見た目は同じです。

現場のコツ

Web用素材をPhotoshopで書き出すとき、「72dpiに変換してから書き出す」必要はありません。解像度メタデータより、横幅・縦幅のピクセル数を合わせるほうが重要です。表示品質の判断軸は、基本的にpx数と圧縮率です。

「解像度が足りない」はなぜ起きる?

印刷入稿で一番多いトラブルがこれです。よくある原因を整理します。

  • Webからダウンロードした画像をそのまま使ったWebの画像はPPI情報にかかわらず小さいピクセル寸法で配布されることが多く、A4に引き伸ばすと粗くなります。
  • 小さいサイズで作業して、あとから拡大したピクセル数は「引き伸ばしても増えない」です。後から大きくすると解像度が下がります。
  • スマホで撮った写真をそのまま配置したスマホ写真は高画素でも、PhotoshopやIllustratorの配置サイズ次第で解像度が変わります。

根本的な話をすると、解像度は「ピクセル数 ÷ 実寸サイズ」で決まります。たとえば幅300pxの画像を1インチ(約25mm)幅で印刷すれば300dpiですが、2インチ幅で印刷すれば150dpiになります。同じ画像でも、どのサイズで使うかで解像度は変わるわけです。

解像度の問題は「画像を作り直す」か「使用サイズを小さくする」しか根本解決できない。

実務でdpiを確認・変換する方法

実際の現場では、「このA4チラシに使いたいこの写真は、何pxあれば足りるのか?」という逆算が必要になります。計算式はこうです。

必要なピクセル数 = 印刷サイズ(インチ)× dpi

たとえばA4(210×297mm)に300dpiで印刷したい場合。210mmをインチに換算すると約8.27インチなので、8.27 × 300 ≒ 2481px。つまり横幅2481px以上の画像が必要ということです。縦は297mm ÷ 25.4 × 300 ≒ 3508px。これがA4・300dpiに必要なピクセル数です。

この換算、毎回手計算するのは面倒です。RGBとCMYKの違いと同じく、印刷の基礎知識はツールを使って手間を省くのが現場の流儀です。

現場のコツ

Illustratorで配置した画像の解像度は「リンク」パネルから確認できます。画像を選択してパネルを開くと「実効PPI」という数値が表示され、これが現在のdpiです。入稿前はここを必ずチェックする癖をつけておくと、差し戻しを防げます。

このサイトの無料ツール

ピクセルmm変換ツール

dpiを指定してpxとmmを瞬時に換算できます。
インストール不要、ブラウザで完結。

ピクセルmm変換ツールを使う →

Photoshopで解像度を変更する手順

解像度の話がわかったところで、実際にPhotoshopでどう操作するかを整理しておきます。よく使う場面は2パターンあって、「現在の解像度を確認したい」と「解像度を変更(変換)したい」は操作が微妙に違います。

まず現在のdpiを確認する

メニューバーから イメージ → 画像解像度(ショートカット:Mac は option+command+I、Win は alt+ctrl+I)を開きます。「解像度」欄に現在のdpiが表示されています。ここで確認してから次の操作へ進みましょう。

パターン①:解像度だけ変えたい(ピクセル数は変えない)

「画像解像度」ダイアログを開いたら、「再サンプル」のチェックを外すのがポイントです。この状態で解像度の数値を変えると、ピクセル数はそのままに、印刷時の出力サイズだけが変わります。

たとえば72dpiの画像を300dpiに変更しても、再サンプルOFFなら画質は劣化しません。ただし、印刷サイズが小さくなります(ピクセル数が同じだから密度を上げるとサイズが縮む)。「データは十分あるのにdpiだけ低い」という場合はこちら。

パターン②:解像度もピクセル数も変えたい(再サンプルあり)

「再サンプル」にチェックを入れた状態で解像度を変更すると、印刷サイズを維持しながらピクセル数が増減します。小さい画像を「無理やり300dpiにしたい」ときにやりがちですが、これはAIが画素を補完するだけなので、画質が上がるわけではありません。引き伸ばした画像と本質的には同じです。

再サンプルONで解像度を上げても画質は上がらない。元データのピクセル数が足りないなら、素材を差し替えるのが正解。

Web用に書き出すとき(dpiを気にしなくていいケース)

Web・SNS用に書き出す場合は、ファイル → 書き出し → Web用に保存(従来)のような書き出し機能を使い、画像の横幅・縦幅を基準に調整するのがおすすめです。画質はピクセル数と圧縮率で決まるので、解像度メタデータよりサイズ(px)を優先して考えましょう。

現場のコツ

「Web用に保存」でも「別名で保存」でも、Web表示でまず効くのはピクセル数です。どの書き出し方法でも、最終的な用途に合ったpx数と圧縮設定になっているかを優先して確認しましょう。

まとめ

dpiは「密度」、印刷は300dpi・大判は下げてOK、Webはピクセル数で考える。この3つを押さえれば現場で迷わない。

  1. dpiは1インチあたりのドット数

    数値が高いほど細かく鮮明な印刷ができる。印刷物は基本300dpi。

  2. Web画像のdpiはほぼ関係ない

    モニター表示はピクセル数が基準。dpiを変えても見た目は変わらない。

  3. 必要pxは「インチ × dpi」で逆算できる

    A4・300dpiなら横2481px以上が必要。ツールを使えば一瞬で確認できる。

「印刷したら画像がぼやけていた」という失敗は、たいていこのdpiの話が原因です。逆に言えば、入稿前に解像度さえ確認しておけば防げるトラブルです。印刷で色がくすんでしまう原因と合わせて、入稿前のチェックリストとして活用してみてください。

jun

グラフィックデザイナー歴8年。印刷・広告・パッケージを中心に活動。制作現場で感じた「ちょっとした不便」を解消するツールを作り、このサイトで公開しています。