画像の縮小・拡大 (画像のリサイズ)

Photoshopで画像をリサイズする手順を紹介します。

手順:キャンバスのサイズもリサイズする場合

リサイズする画像を開きます。
画像の縮小・拡大 (画像のリサイズ):画像1

補足:ピクセル数の確認
リサイズするにあたり、現在の画像のピクセル数を確認する手順を紹介します。
ウィンドウ下部のステータスバーの[>]ボタンをクリックします。下図のドロップダウンメニューが表示されます。
画像の縮小・拡大 (画像のリサイズ):画像2

メニューの[ドキュメントのサイズ]をクリックして選択します。
画像の縮小・拡大 (画像のリサイズ):画像3

ステータスバーに開いた画像のピクセル数が表示されます。
画像の縮小・拡大 (画像のリサイズ):画像4


[イメージ]メニューの[画面解像度]の項目をクリックします。
画像の縮小・拡大 (画像のリサイズ):画像5

下図の画像解像度のダイアログが表示されます。
画像の縮小・拡大 (画像のリサイズ):画像6

今回は横幅640pixelにリサイズすることにします。 [幅]エリアのテキストボックスに値"640"を入力し、右側のドロップダウンリストボックスから[pixel]の項目を選択します。 デフォルトでは縦横比を維持する設定になっているため、幅の値を入力すると、高さの値は自動的に計算されます。 設定ができたら[OK]ボタンをクリックします。

画像の縮小・拡大 (画像のリサイズ):画像7

画像がリサイズされました。
画像の縮小・拡大 (画像のリサイズ):画像8

ステータスバーを確認すると、横幅が460pxにリサイズされたことがわかります。
画像の縮小・拡大 (画像のリサイズ):画像9

キャンバスのサイズも含めて、画像のリサイズができました。

手順:キャンバスはリサイズせずに画像のみをリサイズする場合

リサイズする画像を開きます。
画像の縮小・拡大 (画像のリサイズ):画像10

レイヤーが[背景]になっていますので、画像をレイヤー化します。レイヤーパネルの[背景]の項目をダブルクリックします。
画像の縮小・拡大 (画像のリサイズ):画像11

下図の[新規レイヤー]のダイアログが表示されます。デフォルトの設定のまま[OK]ボタンをクリックします。
画像の縮小・拡大 (画像のリサイズ):画像12

背景がレイヤーに変換されました。
画像の縮小・拡大 (画像のリサイズ):画像13

レイヤーを選択している状態で[編集]メニューの[変形]サブメニューの[拡大・縮小]の項目をクリックします。
画像の縮小・拡大 (画像のリサイズ):画像14

画像の周囲に枠線と、リサイズのハンドル(周囲8か所の白い四角形)が表示されます。
画像の縮小・拡大 (画像のリサイズ):画像15

ハンドルをドラッグすると、画像を拡大、縮小できます。
画像の縮小・拡大 (画像のリサイズ):画像16

また、ウィンドウ上部のオプションバーの比率のテキストボックスに数値を入力すると、指定した比率やサイズにリサイズできます。
画像の縮小・拡大 (画像のリサイズ):画像17
画像の縮小・拡大 (画像のリサイズ):画像18

変形を確定してリサイズは完了です。
画像の縮小・拡大 (画像のリサイズ):画像19

キャンバスのサイズは変えずに、画像のみをリサイズできました。

AuthorPortraitAlt
著者
iPentecのメインデザイナー
Webページ、Webクリエイティブのデザインを担当。PhotoshopやIllustratorの作業もする。 最近は生成AIの画像生成の沼に沈んでいる。
作成日: 2012-11-29
改訂日: 2024-07-23
Copyright © 1995–2025 iPentec all rights reserverd.