どのような状況でどのDPIを使用する必要がありますか?


30

PhotoshopとIllustratorで作業内容をエクスポートすると、「DPI」という言葉が非常に頻繁に表示されます。DPIは「インチあたりのドット数」の略であり、画像のDPIが低すぎる場合、ズームインしようとすると重いピクセル化が発生することを知っていますが、どのような状況に最適なDPIは何ですか?

例(状況):

  • 印刷A4デザインのエクスポート
  • ウェブサイトのレイアウト
  • ロゴ(Webサイトのみ-現在のSEグラフィックデザインのロゴよりもかなり小さい。)
  • ロゴ(拡大縮小-名刺から大きなバナーまで)

4
他の答えでもカバーされていると思いますが、技術的に追加するためには、画像の準備について話しているときに、PPI(インチあたりのピクセル数)について話す必要があります。1インチあたりのドット数は、印刷デバイスの解像度を測定するものであり、同じものではありません。また、この用語は、メトリックが他のすべてに使用される場合でも使用されます(OK、およびタイプサイズのポイント)。
e100

「PhotoshopとIllustratorで作業内容をエクスポートするときに、「DPI」という言葉が頻繁にポップアップするのを見てきました。」正確にはどこで?スクリーンショットを提供できますか?
e100

同意しますが、Webレイアウトでは72 dpiがptおよびpx(photoshopで)のフォントサイズに最適です。
ブノワ

回答:


19

私はいつもDPIは多少間違った名前だと思っていました...それは本当に画像を印刷する場合にのみ適用されます。そうでなければ、ピクセルはピクセルです。サイト上の画像の場合、必要なサイズに合うようにできるだけ多く取得するだけで、実際には問題ではありません。プリンターは多少異なりますが、通常、約300 DPIは、1枚の用紙サイズまたはそれ以下のサイズの場合に適した経験則です。

ロゴについては、ベクトルプログラムで設計されていることを望みます。つまり、DPIはオブジェクトのサイズに合わせて調整できます。


1
私はそれを間違った名前だとは思わないでしょう(結局、紙の上の点です)が、DPIは印刷にのみ適用され、画面には表示されません。私はこの回答にはかなり徹底した説明を行ったgraphicdesign.stackexchange.com/questions/1760/...
jhocking

7

最近、jristaの 素晴らしいq&aphoto.stackexchangeから読みました

質問のタイトルは「インクジェットプリンターで高品質のプリントを生成するにはどうすればよいですか?」DPIとPPIの関係をかなりカバーしており、実際の印刷例を示しています。

現在のQ&Aの内容:


5

特にWebまたはその他の画面上の画像のPPIでは、72PPI(または75、または96)は神話です。

はい、ポイントで指定されたフォントをレンダリングするために使用するピクセル数を決定するためにアプリケーションが使用する図がありますが、これは画像以外に関連性がありません:

  • Photoshopドキュメントが72ppiの場合、フォントユニットがポイントまたはピクセルに設定されているかどうかは問題になりません。数値に対して同じ結果が得られるからです。これは少し便利かもしれませんが、ピクセルベースの画像でポイントを使用するのは本当に意味がありません。これは、正確に1.5cm x 10cmのWebバナー、または幅12インチのWebページを作成するようなものです。

PPIが関連する他の唯一の状況は次のとおりです。

  • 画面レイアウトを同じサイズで印刷する場所で、特定の画面に表示されます。この場合、はい、画像のPPIを画面のPPIに設定します。

    ディスプレイの解像度が大きく異なることを考えると、これはデバイスの特定のクラスに対してせいぜい近似値に過ぎず、最新のディスプレイでは100PPI以上(iPhone 4ではさらに高い)になる可能性があります。ただし、単一のデバイス用に設計している場合は便利です。

(MS Wordを使用してHTML電子メールをレイアウトするときに100dpiで画像を準備する必要がある別の例に出くわしたと思いますが、私はそれをもう一度やりたくありません)。


1
Retina iPhoneおよびRetina iPad(およびおそらくRetina Mac)について:Appleは1ポイントを2ピクセルと定義しているため、ポイントは重要ですが、@ JFWがおそらく求めている方法ではありません。あなたが言ったことすべてに同意します。生活を楽にしたい場合は、ウェブとアプリのPSDを72PPIにする必要がありますが、ほとんど問題ではありません。
マークエドワーズ

3

オフセット印刷機で写真を印刷する場合、経験則では、写真の解像度をハーフトーンスクリーンのドットピッチの2倍にする必要があります。たとえば、画面が150lpiの場合、画像は最終サイズで少なくとも300dpiである必要があります。

最新のLCDモニターの物理解像度は約100dpiです。

Webサイトのデザインでは、SVGやEPSなどのベクターグラフィック形式のラインアートとしてロゴを使用する必要があります。次に、実際に必要なサイズ(つまりピクセル数)の約4倍でレンダリングし、背景を4倍のサイズに拡大します。2つをマージし、結果のファイルをサイズに戻します。これにより、アンチエイリアスされたロゴが背景にマージされます。


これは有望に思えますが、「2つをマージする」と「結果のファイルをサイズに戻すリサンプル」の意味をより明確に説明してほしいと思います。
クズカイ

「Merge the two」とは、Photoshopまたは他の画像エディターを使用して、ロゴを背景に貼り付けることを意味します。持っている画像は400%です(投稿の指示に従って)。次に、リサンプリングを使用してロゴのエッジをアンチエイリアス処理し、100%に縮小します。
ConcernedOfTunbridgeWells

2

まず、可能であればベクトルを使用してみてください(特に印刷用)。ベクターには「無限」のDPIがあります。

デザインでビットマップ画像を使用するときは、元のDPIと解像度を維持するようにしてください。完成した製品は、いつでも目的のDPIにエクスポートできます。印刷の場合、これは多くの場合300 DPIですが、時にはそれ以上です。

Webページ用にエクスポートする場合、ピクセル(解像度)単位で結果の大きさを知る必要があります。Illustratorでは、DPIを指定できます。これにより、エクスポートされた画像の解像度が変更されます。


DPIとPPIを混同します。
e100

1

質問は有効ですが、曖昧すぎて具体的に答えられません。一般に、画像を必要とする解像度は次の要素に依存します。

  • 画像の種類
  • 最終ピースのサイズ
  • 使用されている活字印刷技術
  • 印刷されているもの

1つの具体的な答えはWebグラフィックです。画面上に表示される画像にはDPIの概念はありません。ピクセルの大きさだけを扱う必要があります。

印刷するときは、印刷の種類(たとえば、スクリーン印刷はオフセットリソグラフィよりも低い解像度になります)、基材の種類(粘土でコーティングされた紙に印刷すると、通常の印刷よりもはるかに高いDPI画像が使用されます)新聞用紙)、画像の種類(ラインスクリーン(写真など)で印刷された画像は、ラインアートが必要とするほどの解像度を持つ必要はありません)、最終作品のサイズ(看板はありません)光沢のあるパンフレットと同じ解像度が必要です)など。

大まかに言って、写真は通常300DPIに設定されています。600〜1200DPIのラインアート。大判印刷は、通常100DPI程度です。

用語dpiとppiは時々交換可能に使用されることに注意してください。技術的には、印刷用の画像解像度に関しては通常PPIを使用する必要がありますが、DPIも長い間使用されています。このサイトでDPIとPPIを検索して、そのトピックに関する多くの議論をご覧ください。


-1

通常、私はこれを使用します:

  • 画面のすべてに72 DPI(場合によっては75 DPIも)。この方法では、この画像の印刷版は安っぽくまたは小さくなります。画像を保護したい場合に便利です。
  • 低品質の印刷用の150 DPI(将来の印刷用のデモ、クライアント用のWebサイトなど)
  • 300 DPI(450まで)で高解像度のない高品質の印刷が可能です。

既に述べたように、ベクトル画像は非常に便利です。第一に、一部のプロのプリンターは、これから紙まであらゆる寸法を作成できるためです。また、Web用の72 DPIから同じソースからの印刷用に300にエクスポートできます。


「画面のすべてに72 DPI ...この方法では、この画像の印刷版はくだらないか小さいでしょう。」クライアントがファイル自体ではなく、印刷されたプレビューコピーのみを取得するシナリオではどうでしょうか。
e100

DPIとPPIを混同します。
e100

-1

写真を印刷するには、300dpiで十分です。タイプまたは活版印刷の場合は、600dpiが最適です。

Web上ではそれほど問題ではありません。72dpiは問題ありません。


1
DPIとPPIを混同します。
e100

-2

300 dpiは、印刷プロジェクトの標準です(特にオフセット印刷の場合)。

ベクター画像の解像度は無制限なので、ロゴのスケーリングに適しています。

通常、150 dpiは、特大の印刷プロジェクトに使用されます。

しかし、ウェブに関しては、解像度は通常約72 dpiです。ただし、Webサイトのロゴの品質を向上させるには、ファイル形式の問題です。私はpng-24を使用します。これにより、ロゴの品質が向上し、あらゆる写真のjpegになります。


DPIとPPIを混同します。特定のDPIでWeb画像を作成する正当な理由はありません-必要なピクセル寸法で画像を作成するだけです。
e100

-3

私が出版社で働いていたときのルールは、印刷目的で少なくとも600dpi、Webに配置するためにフォーマットされる画像では72dpiでした。


2
特定のDPIでWebイメージを作成する正当な理由はありません-必要なピクセル寸法でイメージを作成するだけです。
e100

-5

Web /スクリーン用の96 DPI / PPI。Appleは72を使用していますが、Microsoftは96を使用しています。ほとんどの人はこれを知りません...


特定のDPIでWebイメージを作成する正当な理由はありません-必要なピクセル寸法でイメージを作成するだけです。あなたが話している値は、ポイントで指定されたフォントをレンダリングするために使用されるピクセル数に関係しています。
e100
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.