解像度とは?dpiとppiの違い。なぜ印刷は350dpi?Webは72ppi?

記事内に商品プロモーションを含む場合があります
解像度・dpi・ppiの違いと、印刷/Webでの正しい使い分けのアイコン

「解像度は350dpiで入稿してください」
「Web用だから72dpiでいいよ」

デザインを学び始めると、こんなふうに当たり前に飛び交う言葉があります。

でも、そもそも解像度って何でしょう。dpiとppiは何が違うのでしょうか。

この記事では、デザイナーを目指す初心者向けに、解像度・dpi・ppiの意味と違い、印刷とWebでの使い分けを、計算例まで含めてわかりやすく解説します。

目次

結論:dpiとppiの違いは「点」か「ピクセル」か

用語略の意味何の密度か主な使い道
dpidots per inch1インチに打つインクの「点(ドット)」の数印刷、プリンター、スキャナー
ppipixels per inch1インチに並ぶ「ピクセル(画素)」の数画像データ、モニター表示

どちらも「1インチ(2.54cm)の中に、どれだけ細かく点やピクセルが詰まっているか」を表す単位です。数値が大きいほど密度が高く、きめ細かく見えます。

厳密には対象が違いますが、デザイン実務ではPhotoshopなどのソフトで「解像度」として設定する数値を指して、dpiとppiがほぼ同じ意味で使われることも多い、と覚えておけば大丈夫です。

そもそも解像度とは?

解像度とは、画像のきめ細かさを表す数値です。

デジタル画像は、拡大すると小さな四角の集まりでできています。この1つ1つの四角が「ピクセル(画素)」です。

同じ大きさで表示・印刷したとき、ピクセルがぎっしり詰まっていれば滑らかに、スカスカだとギザギザやぼやけが目立ちます。この「詰まり具合=密度」が解像度です。

大事な前提:解像度は「ピクセル数」とセットで考える

ここが初心者がつまずく一番のポイントです。

解像度(ppi)は、あくまで「ピクセルをどの密度で並べるか」という設定です。
画像そのものが持っている情報量は、ピクセル数(例:横3000px × 縦2000px)で決まります。

  • ピクセル数が同じ画像 → 高い解像度で印刷すると小さく・くっきり、低い解像度で印刷すると大きく・粗くなる
  • 解像度の数字だけを72から350に変えても、ピクセル数が増えなければ画質は良くなりません

「解像度を上げたのに荒いまま」という失敗は、だいたいこの仕組みが原因です。

dpiとは?

dpiは「dots per inch」の略で、1インチあたりにどれだけのドット(点)を打てるか/並べるかを示します。

主に使う場面は次の通りです。

  • プリンターが紙にインクの点を打つ密度
  • 印刷データの解像度の指定(例:350dpiで入稿)
  • スキャナーが原稿を読み取る細かさ

印刷は、紙の上に小さな点の集まりで画像を再現します。そのため、点の密度が低いと、写真がぼやけたり、文字の輪郭がギザギザになったりします。

ppiとは?

ppiは「pixels per inch」の略で、1インチあたりにピクセルがいくつ並ぶかを示します。

主に使う場面は次の通りです。

  • Photoshopなどで画像データに設定する解像度
  • スマホやモニターの画面の精細さ(例:このスマホは400ppi超え、など)

Photoshopの「画像解像度」ダイアログで表示される単位はppiですが、現場ではこれを指して「解像度は350dpiだね」と言うこともよくあります。まずは「数字の意味は同じ、指す対象が少し違う」くらいの理解で問題ありません。

印刷はなぜ350dpi? Webはなぜ72ppi?

印刷の目安は原寸で300〜350dpi

名刺、チラシ、冊子など、手元で近くから見るカラー印刷物では、実際に使うサイズ(原寸)で300〜350dpiが目安です。

350という数字には理由があります。一般的なカラー印刷で使われる網点の密度「線数」は175線が標準的で、「必要解像度=線数の2倍」という考え方から、175 × 2 = 350dpi が目安になりました。

用途別の目安は次の通りです。

用途解像度の目安
名刺・チラシ・冊子(カラー)原寸で300〜350dpi
モノクロ2階調(白黒の線画など)1200dpi程度
ポスターなど遠くから見るもの150dpi前後でも耐えられる場合がある
Web・SNS画像72ppiが慣例。ただし実際はピクセル数が重要

遠くから見るポスターは、多少密度が低くても粗さが目立ちにくいため、目安が下がります。「近づいて見るものほど高解像度が必要」と覚えましょう。

Webの72ppiは「決まり」ではなく「既存のルール」

Web画像でよく聞く72ppiは、初期のMacintoshのディスプレイが72ppiだった頃の名残とされ、今も既存のルールとして使われています。

ただし、ブラウザやスマホは基本的にppiの設定値ではなく、ピクセル数で画像を表示します。つまりWebでは「72ppiに設定したか」より「必要なピクセル数があるか」のほうが大事です。

実務では、スマホの高精細ディスプレイ(Retinaなど)できれいに見せるため、表示サイズの2倍のピクセル数で画像を書き出すのが一般的です。例えば横800pxで表示する画像なら、横1600pxで用意する、という考え方です。

必要なピクセル数の計算方法

印刷物を作るときは、「印刷サイズ × 解像度」で必要なピクセル数が計算できます。

計算式:必要なピクセル数 = 印刷したい長さ(インチ) × 解像度(dpi)
※ 1インチ = 25.4mm

例1:A4サイズを350dpiで印刷したい

  • 横:210mm ÷ 25.4 × 350 ≒ 2894px
  • 縦:297mm ÷ 25.4 × 350 ≒ 4093px

つまり、約2894 × 4093px以上の画像が必要です。

例2:名刺(91 × 55mm)を350dpiで印刷したい

  • 横:91mm ÷ 25.4 × 350 ≒ 1254px
  • 縦:55mm ÷ 25.4 × 350 ≒ 758px

「手元の写真、印刷に使えるかな?」と思ったら、写真のピクセル数とこの計算を比べてみてください。足りなければ、印刷するとぼやけるサインです。

解像度の確認方法(Photoshop)

  1. Photoshopで画像を開く
  2. メニュー「イメージ」→「画像解像度」を開く
  3. 「幅・高さ(ピクセル数)」と「解像度(ppi)」を確認する

ここで注意したいのが「画像の再サンプル」のチェックです。

チェックを外した状態で解像度を変えると、ピクセル数は変わらず、印刷サイズだけが変わります。チェックを入れて解像度を上げると、ソフトがピクセルを補って増やしますが、元の情報が増えるわけではないので、ぼやけた画像がシャープになることはありません。

Illustratorに画像を配置した場合は、リンクパネルなどで配置画像の実効解像度を確認する習慣をつけると、入稿直前のトラブルを防げます。

初心者がやりがちな失敗3つ

1. Webサイトの画像をそのまま印刷に使う

画面ではきれいに見えても、Web用画像はピクセル数が少なく、印刷に必要な解像度が足りないことがほとんどです。印刷するとぼやけてしまいます。

2. 小さい画像を無理に引き伸ばす

ピクセル数が足りない画像を大きく配置すると、その分だけ実質の解像度が下がります。配置倍率も含めて考えるのが実務のコツです。

3. 解像度を高くしすぎる

逆に、必要以上に高い解像度にしても見た目の品質はほとんど変わらず、ファイルが重くなるだけです。用途に合った目安を守ることが大切です。

よくある質問

Q. dpiとppi、結局どっちを使えばいいの?

Photoshopなどの制作ソフトで設定する数値はppi、印刷会社への入稿案内ではdpiと書かれることが多い、という程度の違いです。数字の目安(印刷は原寸300〜350)は共通なので、まずは目安を覚えることを優先しましょう。

Q. スマホで撮った写真は印刷に使えますか?

最近のスマホ写真はピクセル数が大きいため、名刺やチラシの小さな配置や、L判程度の印刷なら十分使えることが多いです。大きなポスターなどに拡大する場合は、上記の計算で必要ピクセル数と比べて確認しましょう。

Q. 解像度を後から上げれば画質は良くなりますか?

ピクセル数そのものが増えない限り、良くなりません。AI拡大などの専用ツールで見た目を補う方法はありますが、元の情報が復元されるわけではない点は理解しておきましょう。

解像度・dpiとppiの違いまとめ

  • 解像度は「1インチに点やピクセルがどれだけ詰まっているか」という密度
  • dpiは印刷のドット密度、ppiは画像・画面のピクセル密度。実務ではほぼ同じ意味で使われる
  • 印刷は原寸で300〜350dpiが目安。350は「線数175 × 2」が由来
  • Webではppiの数値よりピクセル数が重要。高精細ディスプレイ向けには2倍サイズで書き出す
  • 解像度の数字だけ変えても画質は上がらない。ピクセル数とセットで考える

解像度は、印刷で失敗しないための最初の関門です。
逆に言えば、この計算と考え方を身につけるだけで、入稿トラブルはぐっと減ります。

次に学ぶなら、「ピクセルと画像サイズ」「CMYKとRGB」などの用語も合わせて押さえると、印刷データ作りが一気に分かりやすくなりますよ。

  • URLをコピーしました!

この記事を書いた人

安藤ほなみのアバター 安藤ほなみ グラフィック・Webデザイナー

デザイン業界経験20年。Mac使用歴も20年。グラフィックデザイン・Webデザイン両方経験したからこそ、どんなデザインでも使える基礎から、グラフィック・Webの違いや気をつけること、Macの使い方から知っておくと良いことをお伝えします。

目次