解像度とppiとは｜dpiとの違いと印刷・Web向けの適正値

公開日：2026-09-18

「PPI」と「DPI」、どちらも解像度を表す単位ですが、その違いを正確に説明できるでしょうか。印刷会社やクライアントから指示される数値の意味が分からず、戸惑った経験がある方も多いのではないでしょうか。特にWebと印刷の両方を手がける制作者にとって、この2つの単位の違いを理解しておくことは、データ入稿時のトラブルを防ぐうえでも重要です。本記事では、PPIの基本、DPIとの違い、印刷・Web向けそれぞれの適正な解像度の目安について解説します。

PPIとは｜1インチあたりのピクセル数

「PPI（ピーピーアイ）」とは、「pixel per inch（ピクセル・パー・インチ）」を略したもので、直訳すると「1インチあたりのピクセル（画素）数」という意味です。

PPIは密度としての解像度を示す単位のひとつで、1インチ（2.54cm）あたりピクセルがいくつあるかという指標に使われています。数え方は、1平方インチの中にいくつあるかではなく、1インチの1辺（縦もしくは横の長さ）にいくつピクセルが並んでいるかという数え方になります。主に液晶ディスプレイの解像度に対して使われ、画素密度とも呼ばれています。

例えば、スマートフォンやパソコンのディスプレイのスペック表に「〇〇ppi」と記載されているのを見たことがある方も多いのではないでしょうか。この数値が大きいディスプレイほど、同じ面積により多くのピクセルを詰め込めることになり、文字や画像の輪郭がより滑らかに、精細に表示されます。逆にppiの数値が小さいと、画面を近くで見た際にピクセルの粒が目立ち、いわゆる「ドットが粗い」印象を受けやすくなるとされています。

ピクセル（画素）とは

PPIを理解するためには、ピクセル（pixel）について知る必要があります。ピクセルとは「画素」のことであり、画面を拡大すると小さな四角が並んで構成されていることがわかります。その四角ひとつひとつがピクセルであり、液晶ディスプレイやビットマップ画像はピクセルの集まりでできています。

使用するデバイスによってもピクセルのサイズは異なり、PPIの数値が大きければ大きいほど1インチあたりに多くのピクセルがあるということになり、滑らかで精細な写りが再現できるとされています。

ビットマップ画像（写真やスキャンした画像など、ピクセルの集合で構成される画像形式）は、拡大していくと最終的にはこの正方形のピクセルが目に見えるようになり、輪郭がギザギザとした「ジャギー」と呼ばれる状態になります。これは、画像を構成しているピクセルの数（解像度）に限りがあるためで、無理に拡大しようとすると画質が粗くなってしまう理由でもあります。デザイン制作においては、こうしたピクセルの仕組みを理解しておくことで、なぜ画像の書き出しサイズや解像度の設定が重要になるのかが見えてきます。

DPIとPPIの違い

PPIと似た言葉に「DPI（Dots Per Inch）」があります。DPIは直訳すると「1インチあたりのドット（点）数」という意味で、主に印刷業界で使われる単位とされています。

PPIとDPIの大きな違いは、対象としている「点」の種類にあります。PPIはディスプレイなどデジタル画面上のピクセル（画素）の密度を表すのに対し、DPIはプリンターが紙の上に打つインクの点（ドット）の密度を表す単位です。つまり、PPIは「画面上の話」、DPIは「印刷物上の話」という使われる場面の違いがあるとされています。

ただし、実務の現場では両者が厳密に区別されず、同じような意味で使われることも少なくありません。例えば、Photoshopなどのソフトでは、画面上の解像度設定であっても「解像度（pixels/inch）」という表記の中で扱われる一方、印刷の文脈では「dpi」という表記が使われることが多いとされています。両者の本来の意味の違いを理解した上で、文脈に応じて使い分けることが大切です。

クライアントや印刷会社から「dpi」で指示を受けた場合と、Web制作の現場で「ppi」という言葉を目にした場合とでは、想定している対象（紙かディスプレイか）が異なる可能性がある、という点を意識しておくと、やり取りの中での認識のズレを防ぎやすくなります。特に印刷物とWeb両方の案件を並行して扱う機会がある方は、この違いを意識しておくとよいでしょう。

印刷向けの適正解像度の目安

印刷物のデータを作成する際、解像度をどのくらいに設定すればよいか迷う方も多いのではないでしょうか。一般的に、印刷向けのデータは300〜350dpi前後が目安とされています。これはあくまで業界慣習として広く使われている目安値であり、公的に一意に定められた数値ではない点には注意が必要です。

また、名刺やチラシのように近くで見るものと、ポスターや看板のように離れた場所から見るものとでは、求められる精細さが異なる場合があります。近くで細部までじっくり見られるものほど高い解像度が求められる傾向にあり、逆に大きく離れて見るポスター等では、必ずしも300〜350dpiという数値にこだわる必要はないとされています。名刺のような小さく手に取って見られるものは、文字のかすれや粗さが目立ちやすいため、特に解像度に気を配りたい印刷物の一つといえるでしょう。

解像度が不足したデータで印刷を行うと、写真や画像の輪郭がぼやけたり、ジャギーが目立ったりする仕上がりになってしまうことがあります。逆に、必要以上に高い解像度で作業を進めると、ファイルサイズが大きくなりすぎてデータのやり取りや作業効率に影響が出ることもあるため、用途に見合った解像度を選ぶことが大切です。印刷会社によって推奨する数値が異なる場合もあるため、実際の入稿時には依頼先の印刷会社の指定を確認することをおすすめします。

Web・画面向けの適正解像度の目安

Webサイトやディスプレイ表示向けの画像については、一般的に72ppi前後が慣習的な目安として使われてきたとされています。これは、かつての一般的なディスプレイの画素密度に由来する数値とされています。

ただし、近年はRetinaディスプレイをはじめとする高精細なディスプレイが広く普及しており、ppiの数値そのものよりも、画像のピクセル寸法（幅×高さが何ピクセルか）を意識することの方が、実務上はより重要になってきているとされています。同じ72ppiの画像であっても、ピクセル数が大きければ大きいほど、高精細なディスプレイでも精細に表示できるためです。Web用の画像を書き出す際は、ppiの数値だけでなく、実際の表示サイズに対して十分なピクセル数が確保されているかを確認するとよいでしょう。

実は、Web上で画像を表示する際、ブラウザはそもそもppiの情報を参照せず、画像のピクセル寸法とCSSで指定された表示サイズをもとに描画を行うとされています。つまり、画像ファイルのメタ情報として「72ppi」と記録されていても、それ自体がWeb上の見た目に直接影響を与えるわけではありません。この点は印刷物の場合と大きく異なるポイントであり、Web制作に携わる際にはぜひ押さえておきたい知識といえます。

デバイスピクセルとCSSピクセル

デバイスピクセルとは、これまであげてきたピクセルとは異なり「ディスプレイの広さ」を指しています。画面解像度とも呼ばれており、PPIなど密度としての解像度とは異なる概念です。

スマートフォンなどの解像度は年々高くなっていますが、そのままではWebサイトなどの文字や画像が小さく表示されてしまいます。そこで「CSSピクセル」「デバイスピクセル」「デバイスピクセル比」という概念で表示を統一しています。デバイスピクセル比が2の場合は、従来の1ピクセルのスペースに4ピクセルを入れて擬似的に1ピクセルとして表示するとされています。

そのため、スマートフォンなど高精細ディスプレイに対応するには、データ自体のPPIを変えるのではなく、画像のサイズを2倍、3倍などの大きいサイズにして書き出しを行う、という実務上の対応が一般的とされています。

例えば、Web上で幅100pxで表示する予定の画像であっても、デバイスピクセル比2のディスプレイに対応させる場合は、幅200pxのサイズで画像を書き出しておく、といった対応が必要になります。近年はデバイスピクセル比が3以上のスマートフォンも珍しくないため、表示先の環境に応じて、あらかじめ余裕を持ったサイズで画像を用意しておくことが、きれいな表示を実現するためのポイントといえるでしょう。

まとめ｜PPI・DPIの使い分け

PPIとDPIは、どちらも解像度を表す単位ですが、PPIは画面上のピクセル密度、DPIは印刷物のインクの点の密度を表す、という違いがあります。印刷向けのデータは一般的に300〜350dpi前後、Web向けの画像は一般的に72ppi前後が目安とされていますが、いずれも業界慣習としての目安値であることを踏まえ、実際の用途や依頼先の指定に応じて調整することが大切です。

改めて整理すると、印刷物を作る場合は「一般的に300〜350dpi前後」を目安にしつつ印刷会社の指定を確認する、Webサイト用の画像を作る場合は「ppiの数値よりピクセル寸法」を意識する、高精細ディスプレイに対応する場合は「画像サイズを2〜3倍にして書き出す」、という3つのポイントを押さえておけば、実務で迷う場面はぐっと減るはずです。

特に、印刷物とWebサイトの両方を手がける機会がある方にとって、この2つの単位の違いを理解しておくことは、思わぬトラブルを避けるうえでも役立ちます。例えば、Web用に作成した画像をそのまま印刷用データに流用しようとすると、解像度が不足してぼやけた仕上がりになってしまうことがあります。逆に、印刷用の高解像度データをそのままWebサイトに掲載すると、ファイルサイズが大きくなりすぎてページの表示速度が遅くなってしまう可能性もあります。用途に応じて適切な解像度・ファイルサイズのデータを使い分ける習慣を身につけておくとよいでしょう。

こうした解像度の基礎知識は、印刷物とWebサイトの両方を扱うデザイナーにとって欠かせないものです。実務で使える知識を体系的に学びたい方は、グラフィックデザイン系講座の詳細を確認してみることをおすすめします。