Photoshopの解像度設定について変更方法や入稿用の保存方法を解説

October 17, 2023

Photoshopの画像解像度はイメージ→画像解像度で変更することができます。

本記事ではPhotoshopでの解像度変更について詳しい方法や入稿時の保存方法など詳しく解説します。

Photoshopをお持ちでない方はフォトプランが最安です。
詳しくはPhotoshopの価格解説記事をご覧ください。

Photoshopの解像度について

Photoshopで解像度を変更する際に知っておきたい知識について解説します。

そもそも解像度とは？

解像度とは1インチの1辺に何個の点があるかをPPIまたはDPIという単位で表したもので、画素密度を表します。

基本的に解像度が高いほどディテールが細かく画像の質が高くなります。
ただし、解像度が上がるほどファイルサイズが増え、処理の負荷もあがるというデメリットもあります。

「解像度が高い画像」とよばれるものは画素数が高い画像を指すことがありますが、必ずしも「解像度が高い」＝「画素数が多い」というわけではありません。解像度はピクセルの密度であり、ピクセルの総数を示すものではありません。

解像度（PPI）についての詳細は以下の記事で詳しく解説しています。

詳しくはこちら

解像度とは？図解で超わかりやすく解説【 PPI / DPI 】専門用語ながら日常生活でも耳にすることの多い「解像度」解像度とは画像を構成するピクセルやドットの密度または画面や画像のピクセル総数の事を指します。解像度の…

入稿・印刷用に使う画像の解像度

Photoshopで作成した画像をDTPソフトのIllustratorやInDesignに配置して使用する場合は300~350ppi以上の解像度が求められます。

解像度を指定する場合は最初に解像度を入力し、その後に実際に印刷される実寸サイズを入力します。

イメージ→画像解像度
解像度を350ppiに指定
単位に「mm」や「cm」を指定
印刷する実寸サイズを指定

以上の手順で印刷サイズに対して適切な解像度が設定されます。

再サンプルのチェックを外すと解像度基準で幅と高さの実寸値が変化します。（拡大時は画像の劣化に注意）

画像解像度を設定した状態でPSD形式で保存し、Illustratorに実寸サイズで配置すれば350ppiの解像度画像として使用できます。（印刷用の入稿データとしてPSDデータを使う場合はカラープロファイルをCMYKに変換しておきましょう）

後から解像度を変更すると最初に入力したピクセルサイズが自動で変更されてしまうので解像度を変更した後で幅、高さのサイズ設定を行いましょう。

Illustratorに配置したときの解像度の確認方法

Illustratorで入稿用データを作成する際は、Photoshopで保存したPSDファイルをIllustratorに配置します。

選択ツールVで画像をクリック
コントロールバーに解像度（PPI）表示

Illustratorでは画像を選択するとコントロールバーにPPIが表示されます。

Webで使用する画像の解像度設定は不要

Webで使う画像はディスプレイで表示されることになるため、ピクセルサイズを指定するだけでOKです。

解像度の欄の数値はいくつにしても問題ありませんが、一般的に使用される72ppiを基準にしておきましょう。

解像度欄は72ppi（他の数値でもOK）
単位に「pixel」を指定
縦横サイズを指定

一般的にはWeb用の画像は72ppiを設定しておくのが慣習になっていますが、ブラウザは解像度(PPI)の数値を無視して扱うため解像度の数値は気にしなくてOKです。（詳細はクリックで開閉）

Webブラウザは解像度（PPI）情報を無視し、画像のピクセル次元で表示するため72ppiという基準値は意味を持ちません。

72ppiは初期のMacディスプレイの標準解像度として知られ、長らくWeb用画像の標準として使われてきた背景があり、その基準が現代でも慣習として受け継がれています。

Webで使用する画像の解像度設定は不要 — ディスプレイ表示の場合は解像度（PPI）を揃えることはできない

ディスプレイが72ppiしか無い状況では画像の物理的なサイズを揃えることができましたが、現代ではさまざまな高解像度ディスプレイが溢れ、3倍以上の解像度の差があるものもあり、閲覧者の環境を揃えることはできないため解像度の数値によって物理的サイズを揃えることはできなくなっています。

再サンプルにチェックを入れて解像度を上げる場合は画像の劣化に注意

再サンプリングによる拡大は無理やり引き伸ばして拡大するため解像度を上げると画質が悪くなる点に注意してください。また、再サンプルで引き伸ばす羽目にならないように解像度の変更は最初にしておきましょう。

再サンプルで解像度を小さくする場合は軽微な劣化で済みますが、解像度を大きくする場合には注意が必要です。

下図は72ppiの画像を350ppiに解像度を上げたものです。

画素数が増え、サイズに対する解像度も上がっていますが写真の質としては大幅に劣化しています。

上図は500ppiから350ppiに解像度を下げたものです。解像度を下げて変更した場合は大きな画質の劣化がおきません。

また、スマートオブジェクトにしている場合はオリジナル画像をそのまま保持しているため、オリジナル画像の解像度を上回らない限り画質の劣化は起きません。詳しくはスマートオブジェクトについて解説記事をご覧ください

解像度を上げる場合は再サンプルを使わずにAI機能を使って解像度を上げる方法（後述）を使用したほうが綺麗に仕上がります。

Photoshopの解像度設定の使い方詳細

Photoshopの解像度設定について新規作成時から解像度を設定しておく方法や解像度変更の詳細についてもう少し詳しく解説します。

新規作成時に解像度を設定する方法

新規ファイルとして作成する場合、解像度を入力する欄があるのでそこに解像度を入力しましょう。

ファイル→新規
プリセットの詳細
解像度を指定
幅と高さに実寸サイズを入力
作成を選択して完了

以上の手順で、幅と高さに対する解像度（PPI）が設定されます。

解像度を変更する方法

イメージ→画像解像度
解像度を指定
単位を指定（mmやpixel）
高さと幅を指定
OKを選択

画像解像度の変更は頻繁に利用するので以下のショートカットを覚えておくのがおすすめです。

解像度変更ショートカット
Ctrl＋Shift＋I
Cmd＋Shift＋I

拡大縮小の再サンプルオプションについて（クリックで開閉）

再サンプルの詳細は以下のとおりです。

再サンプルでは画像の解像度を変更するための手法を4種類の中から選ぶことができます。

方法	説明
自動 (Automatic)	ソフトウェアが最適なリサンプリング方法を自動的に選択するモード。目的や画像の特性に応じて最適なアルゴリズムが自動で選択されます。
ディテールを保持 (Preserve Details)	画像の詳細やエッジを保持しながら、画像の解像度を変更します。ノイズリダクションオプションが付随していることが多く、画像のシャープネスを維持しつつ再サンプルを行います。
ハイキュービック法 (Bicubic)	高品質の再サンプルを行うための方法。16の隣接ピクセルを基にして新しいピクセル値を計算します。アップサイズやダウンサイズの両方に適しているが処理に時間がかかります。
ニアレストネイバー法 (Nearest Neighbor)	シンプルな方法で、対象となるピクセルの最も近い隣接ピクセルの値をそのまま使用します。速度は速いですが、結果の画像がジャギー（階段状）になることがあるため、主にピクセルアートなどで使用されます。
バイリニア法 (Bilinear)	4つの隣接ピクセルを基にして新しいピクセル値を計算する方法。ハイキュービック法よりも計算が簡単で、速度は早いが、ハイキュービック法よりもやや劣る品質になることが多いです。

基本的には「自動」または状況に合う「バイキュービック法」を選んでおけばOKです。

カンバスサイズ変更と画像解像度変更の違い（クリックで開閉）

カンバスサイズと画像解像度は異なります。