pix(pixel・px)・PPI・DPIの違いとは?画像・印刷での使い分けを解説

pix(pixel・px)・PPI・DPIの違いとは?画像・印刷での使い分けを解説

画像のサイズや解像度について調べていると、「pix」「pixel」「px」「PPI」「DPI」といった言葉が出てきます。
これらは似ていますが、それぞれ表しているものが異なります。
簡単に整理すると、
pixel・px=画像を構成するピクセルや画像サイズ
PPI=1インチあたりのピクセル数
DPI=1インチあたりに出力するドット数
です。
Webサイトの商品画像を作る場合と、紙に印刷する場合でも確認すべき数値が異なります。
本記事では、pix・pixel・px・PPI・DPIの違いと、それぞれをどのような場面で確認すればよいのかをわかりやすく解説します。

目次

pix・pixel・px・PPI・DPIの違い

解像度とは
まず、それぞれの違いを整理しておきましょう。
pixel(ピクセル)
デジタル画像を構成する最小単位です。
px
pixelを表す際に使われる表記です。
例えば、

2000px × 1000px

なら、横2000ピクセル、縦1000ピクセルの画像を意味します。
pix
pixelを略して「pix」と表記する場合があります。
画像サイズを表す場合には「px」が広く使われていますが、Webサイトや資料によっては「pix」と書かれていることもあります。
PPI
「Pixels Per Inch」の略で、1インチあたりに配置されるピクセル数です。
主に画像のピクセル密度や印刷サイズとの関係を考える際に使用します。
DPI
「Dots Per Inch」の略で、1インチあたりに出力するドット数です。
主にプリンターなどの出力解像度を表す際に使われます。

解像度そのものの意味や用途別の目安については、以下の記事で詳しく解説しています。
解像度とは?画像サイズ・画素数・PPI・DPIの違いと解像度一覧

pixel(ピクセル)とは?

pix・dpi・ppiの単位の使い分け
pixel(ピクセル)とは、デジタル画像を構成する基本的な単位です。
デジタル画像は、多数のピクセルが縦横に並ぶことで作られています。
例えば、

2000px × 1000px

という画像では、

2000 × 1000 = 2,000,000

となるため、画像全体は約200万ピクセルで構成されています。
これを画素数で表すと約200万画素です。
画像を大きく表示したりトリミングしたりする場合は、元画像がどれだけのピクセル数を持っているかが重要になります。

pix・pxとは?

「pix」と「px」は、どちらもpixelに関連して使われる表記です。
画像サイズでは一般的に、

1200px × 800px

などのように「px」で表されます。
この場合、

横1200ピクセル × 縦800ピクセル

という意味です。
一方、Webサイトや資料によっては、

1200pix × 800pix

と書かれている場合もあります。
基本的には、どちらも画像の縦横のピクセル数について説明していると考えると理解しやすいでしょう。
ただし、CSSなどWeb制作の技術仕様では「px」が使われるため、Web画像のサイズを記載する場合も「px」を使用するとわかりやすくなります。

PPIとは?

PPIは「Pixels Per Inch」の略です。
1インチあたりに何個のピクセルを配置するかを表します。
例えば300PPIの場合、

1インチあたり300ピクセル

が配置されます。
同じ3000ピクセルの画像でも、印刷するサイズによってPPIは変わります。
横3000ピクセルの画像を300PPIで印刷すると、

3000 ÷ 300 = 10インチ

となるため、約25.4cm幅で印刷できます。
一方、150PPIなら、

3000 ÷ 150 = 20インチ

となり、約50.8cm幅まで大きくできます。
ただし、1インチあたりのピクセル数は半分になるため、近い距離から見ると粗さが目立ちやすくなる可能性があります。
つまりPPIは、特に画像のピクセル数と印刷サイズの関係を考える際に重要な数値です。

DPIとは?

DPIは「Dots Per Inch」の略です。
1インチあたりに何個のドットを出力するかを表します。
主に、

  • プリンター
  • 印刷機
  • スキャナー

などの性能や出力設定を説明する際に使われます。
例えばプリンターの「1200dpi」という表記は、デジタル画像が1200PPIという意味ではありません。
プリンターが画像を紙へ再現する際に使用するドットの密度を表しています。
そのため、画像データそのものについて考える場合はPPI、印刷機などの出力について考える場合はDPIと区別するとわかりやすくなります。

PPIとDPIの違い

PPIとDPIは、どちらも「1インチあたり」という考え方を使用するため混同されやすい言葉です。
しかし、対象が異なります。
PPI

Pixels Per Inch
1インチあたりのピクセル数
主にデジタル画像のピクセル密度

DPI

Dots Per Inch
1インチあたりのドット数
主にプリンターなどの出力密度

例えば、Photoshopで画像の印刷解像度を300PPIに設定しても、プリンターの出力解像度が300DPIになるという意味ではありません。
AdobeのPhotoshopでも、「Resolution」は画像のピクセル密度としてPPIで扱われています。
ただし、実際のWebサイトや印刷現場では「300dpiの画像を用意してください」のように、PPIとDPIが厳密に区別されず使われることもあります。
その場合は、画像データのピクセル密度について話しているのか、プリンターの出力性能について話しているのかを確認するとよいでしょう。

Web画像ではpx・PPI・DPIのどれを見る?

用途によって異なる最低限の解像度
WebサイトやECサイトで画像を使用する場合は、まず画像の横×縦のピクセル数(px)を確認します。
例えば、

1200px × 1200px

という画像なら、横1200ピクセル、縦1200ピクセルの画像です。
Web上でどの程度鮮明に見えるかは、画像のPPI設定だけでなく、

  • 元画像のピクセル数
  • 実際の表示サイズ
  • ディスプレイの画素密度
  • 画像の圧縮
  • 画像処理

などによって変わります。
そのため、

「Web画像は72dpiだから72に設定すればよい」

と単純に考える必要はありません。

ECサイトの商品画像では、掲載先が指定している縦横のピクセル数や画像サイズを確認しましょう。
ECサイトの商品撮影・商品画像について詳しく見る

印刷ではpx・PPI・DPIのどれを見る?

pix・ppi・dpiとも数値が高いほど美しくきめ細かくなる
印刷する場合は、
画像のピクセル数

印刷サイズに対するPPI
の両方を確認します。
例えばA4サイズを300PPIで印刷する場合、

約2480px × 3508px

が一つの目安になります。
一方、DPIは主にプリンター側の出力性能や設定に関係します。
そのため画像を印刷するときは、

  1. 画像に必要なピクセル数があるか
  2. 希望する印刷サイズで十分なPPIを確保できるか
  3. 印刷会社の入稿条件を満たしているか

を確認するとよいでしょう。

用途ごとの解像度やA4サイズの計算方法については、以下の記事で詳しく解説しています。
解像度とは?画像サイズ・画素数・PPI・DPIの違いと解像度一覧

Photoshopではpx・PPIをどう確認する?

Photoshopにおける画像ファイルの解像度について
Photoshopでは「画像解像度」から、

  • 高さ
  • ピクセル寸法
  • 解像度(PPI)

などを確認できます。
Adobeによると、Photoshopの「Resolution」は1インチあたりのピクセル数を示します。また、「再サンプル」を使用すると画像にピクセルを追加・削除して、画像自体のピクセル寸法を変更できます。
ここで重要なのが、PPIの数値を変更することと、画像そのもののピクセル数を増やすことは別という点です。
再サンプルを行わずにPPIを変更した場合、画像が持っている総ピクセル数は変わりません。印刷時の大きさとPPIの関係が変化します。

実際に画像を拡大してピクセル数を増やしたい場合は、以下の記事をご覧ください。
画像や写真の解像度を上げる方法|PC・スマホ・AIで画質を良くする方法

pix・PPI・DPIに関するFAQ

Adobe Illustratorにおける画像ファイルの解像度について

pixelとpxは同じですか?

「px」はpixelを表す際に使われる表記です。
例えば、

1920px × 1080px

なら、横1920ピクセル、縦1080ピクセルという意味です。

pixとpxは同じですか?

どちらもpixelに関連して使用されます。
画像サイズでは「px」という表記が一般的ですが、資料やWebサイトによっては「pix」と記載されることもあります。

PPIとDPIは同じですか?

厳密には異なります。
PPIは1インチあたりのピクセル数、DPIは1インチあたりのドット数です。
画像のピクセル密度ではPPI、プリンターなどの出力密度ではDPIが使われます。

300PPIと300DPIは同じ意味ですか?

厳密には同じ意味ではありません。
300PPIは画像側のピクセル密度、300DPIは出力側のドット密度を表します。
ただし、画像入稿の説明などでは「300dpiの画像」のように、実質的に300PPIを意味する表現として使用される場合があります。

ピクセルをセンチメートルに変換できますか?

PPIが決まっていれば計算できます。
例えば1000ピクセルの画像を300PPIで印刷する場合、

1000 ÷ 300 × 2.54

となるため、

約8.47cm

です。
計算式は、

印刷サイズ(cm)=ピクセル数 ÷ PPI × 2.54

となります。

Web画像は72dpiにする必要がありますか?

必ずしも必要ではありません。
Web上での画像表示では、PPIやDPIの設定値だけではなく、画像のピクセル数と実際の表示サイズが重要です。

Retinaディスプレイとは何ですか?

Retinaなどの高画素密度ディスプレイでは、1つのCSSピクセルを複数の物理ピクセルで表示する場合があります。
Webブラウザーでは、この関係をdevicePixelRatioなどで扱います。例えばdevicePixelRatioが2の場合、1CSSピクセルに対して縦横それぞれ2個の物理ピクセルが使われます。
そのため高画素密度ディスプレイ向けの画像では、実際の表示サイズより大きなピクセル寸法の画像を用意する場合があります。

用途に合わせてpx・PPI・DPIを使い分けよう

解像度に関するよくある質問
pix・px・PPI・DPIは似ていますが、それぞれ役割が異なります。
基本的には、
WebやECサイトの商品画像
→ 横×縦のpxを確認する
印刷する画像
→ pxと印刷サイズに対するPPIを確認する
プリンターなどの出力
→ DPIを確認する
と覚えるとわかりやすくなります。
また、単純に数値が高ければ必ず高画質になるわけではありません。
用途に必要なピクセル数や解像度を確認して、適切な画像を用意しましょう。

画像そのものの解像度を上げたい場合はこちらをご覧ください。
画像や写真の解像度を上げる方法

解像度の意味や解像度一覧はこちらで詳しく解説しています。
解像度とは?画像サイズ・画素数・PPI・DPIの違いと解像度一覧

AirPhotoでは、商品撮影のほか、ECサイトなどで使用する商品画像のレタッチにも対応しています。
AirPhotoの商品撮影サービスを見る
AirPhotoの商品撮影実績を見る

ap_photo_btn.jpg

お問い合わせはこちら

お急ぎの場合はこちら:03-6824-2695

著者情報

著者:AirPhoto編集部
AirPhotoは、商品の魅力やブランドの世界観を伝える商品写真の撮影を行う撮影チームです。
商品撮影・スタイリング・モデル撮影・動画撮影・レタッチなどの実務を通じて得た知見をもとに、ECや商品写真に関する情報を発信しています。

AirPhotoにお問い合わせ

サービスに関するご質問や、ご意見・ご感想など、どんな内容でもけっこうです。お気軽にお問い合わせください。

AirPhoto公式アカウント

『スタイリング診断』が、あなたに最適なスタイリングをご提案📷
AirPhotoはTwitter、Instagramで最新情報をお届けしています。

  • x
  • instagram

よくあるご質問(FAQ)

AirPhotoのサービスや料金等について、みなさまから寄せられたご質問とその回答をご紹介しています。

当サイトの内容、テキスト、画像等の無断転載・無断使用を固く禁じます。

©︎ AirPhoto All Rights Reserved.