新刊「デザインは重心。」発売中

Photoshopで画像サイズを変更する方法6選|拡大・縮小・比率の変更

景品表示法に基づく表記:当サイトは広告を使用しています。
Photoshopでサイズ変更する方法 6選

Photoshopで画像全体を拡大・縮小するには「画像解像度」を使います。

余白を増やす場合や、レイヤーだけを大きくする場合は別の機能を使います。変更したいものに合わせて、次の6つから選んでください。

Photoshopがない場合はPhotoshopの料金とプランの選び方をご覧ください。

目次

画像全体を拡大・縮小する方法【画像解像度】

500×300pxの画像を250×150pxにするなど、画像全体のピクセル数を変える方法です。写真や文字の配置はそのままに、全体を拡大・縮小できます。

画像全体を拡大・縮小するイメージ

画像解像度で幅・高さを変更する手順

「イメージ」→「画像解像度」から、幅・高さや再サンプルの設定を変更します。

サイズを変更する場合
  1. 「イメージ」→「画像解像度」を開く
  2. 「再サンプル」をオンにし、幅・高さの単位を「ピクセル」にする
  3. 鎖アイコンをオンにして縦横比を固定する
  4. 変更したい幅または高さを入力し、「OK」を押す

「画像解像度」の主な設定項目は下図のとおりです。

画像解像度の設定画面(幅・高さ・単位・再サンプル)
画像解像度の設定画面

Web用の画像なら、幅・高さのピクセル数を指定します。「解像度」のppiを変更する必要はありません。

縦横比固定と固定解除

鎖アイコンがオンなら、幅を変更すると高さも同じ比率で変わります。オフにして縦横を別々に変更すると、画像が横長・縦長に伸びます。

幅・高さの「px」は画像のピクセル数、「ppi」は印刷時のピクセル密度です。違いは解像度のしくみで詳しく解説しています。

再サンプルをオフにすると、ピクセル数は変わりません。印刷サイズと解像度だけを調整したいときに使います。

印刷サイズと解像度の設定は、以下の記事で詳しく解説しています。

拡大・縮小の再サンプルオプション

再サンプルは、画像の拡大・縮小に合わせてピクセルを追加・削除する処理です。通常の写真は「自動」で進めてOKです。

仕上がりを調整したい場合は、画像の用途に合わせて方法を選べます。

設定主な用途・特徴
自動拡大・縮小に合った方法を自動選択
ディテールを保持2.0写真の細部を保ちながら拡大
バイキュービック法周囲のピクセルを使って滑らかに補間
ニアレストネイバー法ドット絵などの輪郭をぼかさずに拡大
バイリニア法周囲の色を平均して補間

バイキュービック法には、拡大向けの「滑らか」と縮小向けの「シャープ」などがあります。

「ディテールを保持2.0」では、ノイズ軽減スライダーで拡大後のざらつきを調整できます。

AI機能を使って画像を拡大する方法

小さな画像を大きくするときは、AIで細部を補いながら拡大する方法もあります。通常の拡大で粗さが気になる場合に便利です。

生成アップスケールは「イメージ」→「生成アップスケール」から開けます。モデルや倍率などの詳しい設定は、リンク先の記事で解説しています。

画像解像度のショートカット

「画像解像度」は、次のショートカットでも開けます。

Windows:Ctrl+Alt+I
Mac:Command+Option+I

カンバスサイズを変更して余白を増減する方法

カンバスサイズは、写真や図形を拡大・縮小せず、周囲の領域だけを増減する機能です。画像の横に余白をつけたり、下に注釈用のスペースを作ったりできます。

画像解像度とカンバスサイズの違い

「画像解像度」で画像全体を縮小する場合と、「カンバスサイズ」で表示する範囲を変える場合の違いは、下図のとおりです。

画像全体の拡大・縮小

画像解像度で画像全体を拡大・縮小した例

カンバスサイズの変更

カンバスサイズ変更
  • 画像解像度:写真や図形を含め、画像全体を拡大・縮小する
  • カンバスサイズ:写真や図形の大きさを保ち、周囲の余白や切り取る範囲を変える

カンバスサイズを変更する手順

「イメージ」→「カンバスサイズ」から、変更後の幅・高さを指定します。

カンバスサイズの幅・高さ・基準位置を設定する画面
  1. 「イメージ」→「カンバスサイズ」を開く
  2. 「相対」をオフにし、変更後の幅・高さを入力する
  3. 基準位置で、元の画像を残す位置を選ぶ
  4. 「OK」を押す

「基準位置」と「相対」は、次のように使い分けます。

  • 基準位置:元の画像をどの位置に残すかを指定。左側を選んで幅を増やすと、右側に余白が増える
  • 相対:完成後のサイズではなく、現在のサイズから増減する量を入力する

カンバスを小さくすると外側の部分が切り取られるため、必要な範囲が残るように基準位置を選びましょう。

カンバスサイズのショートカット

「カンバスサイズ」は、次のショートカットでも開けます。

Windows:Ctrl+Alt+C
Mac:Command+Option+C

複数の画面を1つのファイルに並べて管理したい場合は、アートボード機能が便利です。使い方は以下の記事で解説しています。

書き出す画像だけサイズを変更する方法

PSDなどの編集用データを残し、書き出す画像だけを小さくする方法です。元データのピクセル数を変えずに、Web掲載用の画像を作れます。

元データを残して書き出す画像だけサイズを変更するイメージ
サイズ変更した状態で書き出し

書き出す画像の形式には、JPEGやPNGなどを選べます。

書き出し形式でサイズを指定する

「書き出し形式」では、ファイル形式と幅・高さをまとめて設定できます。

  1. 「ファイル」→「書き出し」→「書き出し形式」を選ぶ
  2. 「JPEG」や「PNG」などのファイル形式を選ぶ
  3. 「画像サイズ」の幅または高さをピクセル数で指定する
  4. 「書き出し」を押して保存先を選ぶ

幅を入力すると、元の縦横比に合わせて高さも変わります。指定したピクセル数で書き出す場合は、左側の倍率を「1x」にします。

Web用に保存(従来)でサイズを指定する

「Web用に保存(従来)」でも、画像サイズやファイル形式を指定できます。次のメニューから開きます。

Web用に保存(従来)の表示方法
  1. 「ファイル」を開く
  2. 「書き出し」を選ぶ
  3. 「Web用に保存(従来)」を選ぶ

設定画面の右下にある「画像サイズ」で、幅・高さを変更します。

Web用に保存画面でサイズ変更

鎖アイコンをオンにすると縦横比を固定できます。幅(W)または高さ(H)を入力し、形式や画質を選んで保存しましょう。

Web用に保存のショートカット

「Web用に保存(従来)」は、次のショートカットでも開けます。

Windows:Ctrl+Shift+Alt+S
Mac:Command+Shift+Option+S

印刷用に保存したい場合

印刷用の画像は、保存前に「画像解像度」で印刷寸法と解像度を設定します。通常の保存画面には、サイズを変更する項目がありません。

単位をmmなどにして印刷する大きさを入力し、解像度は印刷方法に合わせます。設定の詳しい説明は、Photoshopの印刷サイズと解像度をご覧ください。

IllustratorやInDesignへ配置したあとも再編集するなら、レイヤーを残せるPSD形式で保存しておくと便利です。

画像レイヤーや図形だけサイズを変更する方法

画像全体ではなく、選んだレイヤーの写真や図形だけを拡大・縮小する方法です。ほかのレイヤーやカンバスの大きさは変わりません。

画像レイヤーや図形のサイズを個別に変更する方法
一部分だけをサイズ変更したい場合

プロパティで数値を指定してサイズ変更

プロパティパネルの幅・高さを変更すると、レイヤーのサイズを数値で指定できます。

プロパティでレイヤーのサイズ変更
  1. レイヤーパネルで、サイズを変えたいレイヤーを選ぶ
  2. 「ウィンドウ」→「プロパティ」を開く
  3. 「変形」の幅(W)または高さ(H)を入力して確定する

縦横比を保つ場合は、幅・高さの鎖アイコンをオンにします。隣にあるXとYは、レイヤーの位置を指定する数値です。

文字の大きさだけを変えたい場合は、文字パネルのフォントサイズを変更すると簡単です。

自由変形・バウンディングボックスでサイズ変更

マウスで大きさを調整するなら、自由変形が便利です。対象の周囲に表示される枠をドラッグして拡大・縮小します。

バウンディングボックスをドラッグしてレイヤーを拡大・縮小する
  1. サイズを変えたいレイヤーを選ぶ
  2. 「編集」→「自由変形」を選ぶ
  3. 四隅のハンドルをドラッグし、Enter(MacはReturn)で確定する

Windows:Ctrl+T
Mac:Command+T

縦横比を保つ場合は、オプションバーの鎖アイコンをオンにします。Shiftキーを押している間は、縦横比の固定・解除が切り替わります。

バウンディングボックスを表示
バウンディングボックスを表示させるには

移動ツールの「バウンディングボックスを表示」をオンにしておくと、選択したレイヤーの周囲に枠が表示されます。枠をドラッグする方法でもサイズを変更できます。

オプションバーが見当たらない場合は、「ウィンドウ」→「オプション」にチェックを入れ、移動ツールを選びます。

画像の拡大・縮小を繰り返すなら、変形する前にスマートオブジェクトへ変換しておくと元データを保持できます。縮小後に元の大きさへ戻しても、元画像を使って表示し直せます。

スマートオブジェクトでも、元画像を超える細かな情報が増えるわけではありません。

回転や遠近法など、変形機能の詳しい使い方は以下の記事で解説しています。

指定した比率・サイズにトリミングする方法

写真を16:9や正方形にしたい場合は、切り抜きツールでトリミングします。残したい位置を見ながら、周囲を切り取れます。

比率変更

余白を数値で増減するなら「カンバスサイズ」、構図を見ながら切り取るなら「切り抜きツール」が便利です。

オプションバーで比率やサイズを指定する

切り抜きツールを選ぶと、オプションバーで比率やサイズを指定できます。

指定サイズを変更して切り抜き
比率指定する場合
  1. 切り抜きツール(C)を選ぶ
  2. オプションバーで「比率」または「幅×高さ×解像度」を選び、数値を入力する
  3. 切り抜き枠の角や辺をドラッグし、残す範囲を調整する
  4. 枠の内側をドラッグして画像の位置を整え、Enter(MacはReturn)で確定する

縦横の比率を指定することと、完成画像のピクセル数を指定することは別です。設定の違いは次のとおりです。

切り抜きツールの「比率」と「幅×高さ×解像度」の設定
  • 比率:16:9など、縦横の割合だけを指定する。完成画像のピクセル数は切り抜く範囲で変わる
  • 幅×高さ×解像度:仕上がりの幅・高さと解像度を指定する

1920×1080pxに仕上げたい場合は、「幅×高さ×解像度」を選び、幅に「1920px」、高さに「1080px」と入力します。

比率を自由に変える場合は、「比率」を選んで2つの数値欄を空にします。オプションバーが表示されない場合は、「ウィンドウ」→「オプション」をオンにしてください。

「切り抜いたピクセルを削除」をオフにしておくと、切り抜いた部分の画像を残せます。あとから切り抜き範囲を広げ直したいときに便利です。

写真を切らずに生成拡張・補完で背景を広げる

元の写真を切り取らずに比率を変えたい場合は、外側に足りない背景を補完する方法もあります。

切り抜きツールで枠を外側へ広げ、「塗り」から「生成拡張」を選びます。「生成」を押すと、追加した部分に背景が生成されます。

背景を補完せず、余白だけを追加する場合は「塗り」を「背景(デフォルト)」にします。

「コンテンツに応じた塗りつぶし」では、周囲の画像を使って空白部分を埋められます。下図は左右の背景を補完した例です。

コンテンツに応じた塗りつぶし
周囲の画像を使って左右の背景を補完した例

切り抜きツールの「塗り」から「コンテンツに応じた塗りつぶし」を選び、枠を外側へ広げて確定します。

補完に使う場所を細かく調整する方法は、以下の記事で解説しています。

画像の一部分を選んで生成AIで補完・置き換えする場合は、「生成塗りつぶし」を使います。

複数の画像を一括でリサイズする方法

Photoshopのイメージプロセッサーを使うと、複数の画像をまとめてサイズ変更できます。フォルダ内の画像を一括処理したいときに便利です。

イメージプロセッサーを開く

イメージプロセッサーは、ファイルメニューの「スクリプト」から開きます。

イメージプロセッサーの開き方
  1. 「ファイル」を開く
  2. 「スクリプト」を選ぶ
  3. 「イメージプロセッサー」を選ぶ

イメージプロセッサーの出力設定

設定画面で、処理する画像と保存先、ファイル形式を指定します。

イメージプロセッサーの設定
  1. 「処理する画像を選択」で、画像が入っているフォルダを選ぶ
  2. 「処理後の画像を保存する場所を選択」で、保存先を指定する
  3. JPEG・PSD・TIFFから保存形式を選ぶ
  4. 「サイズを変更して合わせる」をオンにし、幅(W)・高さ(H)を入力する
  5. 右上の「実行」を押す

幅・高さは、画像を収める範囲の上限です。縦横比を維持してリサイズするため、1200×1200pxを指定してもすべて正方形にはなりません。

たとえば、縦長の画像なら600×1200px、横長なら1200×900pxのように、元の比率に合わせて収まります。

目的に合ったサイズ変更を使い分けよう

画像全体なら「画像解像度」、余白なら「カンバスサイズ」、レイヤーだけなら「自由変形」を使います。元データの大きさを残したい場合は、書き出し時にサイズを指定しましょう。

レイヤーをはじめとしたPhotoshopの基本的な使い方は、以下の記事で解説しています。

シェアしてくれると嬉しいです

コメント

コメントする

目次