▶ 3日で初案件PR
この記事でわかること
Photoshopのサイズ変更は「画像解像度・自由変形・カンバスサイズ」の3操作を用途で使い分けることで、歪みや画質劣化を防ぎながら作業を完了できます。Web用は72〜96PPI・印刷用は300PPIが基準であり、納品前の100%表示チェックとイメージプロセッサの一括処理で実務効率を大幅に改善できます。
フォトショップのサイズ変更は「イメージ→画像解像度」から3手順で完了します。Web用は72〜96PPI、印刷用は300PPIが基準です。この記事では操作の使い分けから納品前チェックまで実務手順を解説します。
30秒診断全2問・あなたに合う働き方のタイプが分かります
Q1. 今のデザインの仕事で、一番近い悩みは？
この記事の結論
Photoshopのサイズ変更は「画像解像度」「自由変形」「カンバスサイズ」の3つを目的で使い分けることが最重要です。画像全体を変えるなら画像解像度、レイヤー単体を動かすなら自由変形、余白を調整するだけならカンバスサイズを選びます。この3択の判断を最初に固めておくと、歪みや意図しない全体変更といったミスを防げます。
CHECK
▶ 今すぐやること: 今開いているPhotoshopファイルで「イメージ→画像解像度」を開き、幅・高さ・解像度の現在値を確認する（2分）
状況別ショートカット
| 状況 | 読むべきセクション | 所要時間 |
| 画像全体のpx・mmを変えたい | フォトショ サイズ変更は画像解像度で3手順 | 5分 |
| レイヤーだけ動かしたい | レイヤーサイズ変更は自由変形で2手順 | 3分 |
| 余白を増やしたい・構図を変えたい | カンバスサイズ変更は余白追加に使う | 3分 |
| 用途別に解像度・pxを決めたい | フォトショ サイズ変更は用途別設定で3分診断 | 3分 |
| 画質劣化を防ぎたい・実務品質を上げたい | フォトショ サイズ変更は5つの実務ハックで品質向上 | 8分 |
フォトショ サイズ変更は画像解像度で3手順
手順1:「画像解像度」ダイアログを開く
メニューバーの「イメージ」から「画像解像度」を選択します。Windowsのショートカットは Alt＋Ctrl＋I、Macは Option＋Command＋I です。ダイアログが開いたら、現在の幅・高さ・単位・解像度・再サンプルの状態をまず確認してください（Adobe公式ヘルプ：画像のサイズ変更）。この確認を省略して数値を入力すると、意図しない倍率で画像が変わるため、作業前の現在値確認は必ず習慣化してください。
手順2:「縦横比を固定」をオンにして幅か高さを入力する
幅・高さの入力フィールドの左側にある「縦横比を固定」アイコン（鎖マーク）が有効になっていることを確認します。有効になっていると、幅を入力したときに高さが自動計算されます。このアイコンを無効にしたまま幅だけ変えると、画像が縦長または横長に歪みます。「縦横比を固定」はデフォルトでオンになっているものの、前回の操作でオフになっていることがあるため、入力前に必ず目視で確認してください。
手順3:「再サンプル」の設定を確認して「OK」を押す
「再サンプル」チェックボックスをオンにすると、変更後のピクセル寸法に合わせて画像データが補間されます。ピクセル寸法を実際に変えたい場合はオンが必要です。再サンプルをオフにした場合、ピクセル数は変わらず解像度の数値だけが変わります。印刷用に解像度の表示値だけ調整したい場面ではオフを使いますが、フリーランス実務ではまずオンで操作してください。設定を確認したら「OK」をクリックし、メニュー「ファイル→別名で保存」で元データとは別ファイルに保存します。
なお、画像トリミング無料サイトの比較記事では、サイズ変更と合わせてよく使われるオンラインツールも紹介しています。Photoshop以外の手段と組み合わせて作業効率を上げることも検討してみてください。
CHECK
▶ 今すぐやること: 「Alt＋Ctrl＋I」（Mac: Option＋Command＋I）で画像解像度ダイアログを開き、現在のpx寸法と解像度を書き留めてから目標サイズを入力する（3分）
Q: 「再サンプル」をオンにしないとpxは変わりませんか？
A： その通りです。再サンプルをオフにした状態では、幅・高さのピクセル数は変わらず、解像度の数値だけが変わります。ピクセル寸法を実際に変更したい場合は再サンプルをオンにしてから操作してください。
Q： ショートカットキーはPhotoshopのバージョンによって違いますか？
A： 「画像解像度」を開くショートカット（Windows: Alt＋Ctrl＋I、Mac: Option＋Command＋I）は、現行の主要バージョンでは共通して使えます。カスタムキーボードショートカットを設定している環境では異なる場合があります。メニューから「イメージ→画像解像度」と辿れば確実に開けます。
レイヤーサイズ変更は自由変形で2手順
手順1:変更したいレイヤーを選択して自由変形を起動する
レイヤーパネルで対象レイヤーをクリックして選択します。次に「編集→自由変形」を選択するか、ショートカット（Windows: Ctrl＋T、Mac: Command＋T）を使います。選択したレイヤーの周囲に変形ハンドルが表示されます。この操作はあくまで選択中のレイヤーにのみ適用され、他のレイヤーやキャンバスサイズには影響しません。
手順2:縦横比を固定してサイズを変更し確定する
変形ハンドルをドラッグするとき、Shiftキーを押したまま角のハンドルをドラッグすると縦横比を維持できます（Photoshop 2020以降では縦横比固定がデフォルト動作になっているバージョンもあります）。オプションバーの幅・高さ欄に直接パーセント値を入力すると、より正確なサイズ指定が可能です。変更が完了したらEnterキーまたはReturnキーを押して確定します。Escキーを押すと変形をキャンセルできます。通常レイヤーを繰り返し拡大縮小するとピクセルの補間が累積して画質が劣化します。繰り返し変形する予定がある場合は、次のセクションで説明するスマートオブジェクト化を先に行ってください。
スマートオブジェクト化で劣化なし変形を実現する
レイヤーを右クリックして「スマートオブジェクトに変換」を選ぶと、元のピクセルデータを保持したまま変形を繰り返せる状態になります（Ligインク：スマートオブジェクト解説）。スマートオブジェクト化されたレイヤーは、縮小後に再拡大しても元解像度のデータを参照するため、通常レイヤーで繰り返し変形したときの画質劣化が起きません。スマートオブジェクトのままでは直接ピクセル編集（消しゴムや直接塗りなど）ができないため、ピクセル編集が必要な場合は「レイヤーをラスタライズ」してから行います。「何度も変形する素材レイヤー」にはスマートオブジェクトを使い、最終的なピクセル編集が必要な段階でラスタライズするのが最も効率的な運用です。
画像のモザイク加工や背景透過など、フォトショップでよく使う関連作業については画像モザイク加工の無料ツール比較も参考にしてください。
CHECK
▶ 今すぐやること: 変形したいレイヤーを右クリックして「スマートオブジェクトに変換」を選択し、その後 Ctrl＋T（Mac: Command＋T）で自由変形を起動する（2分）
Q: スマートオブジェクトにしてもファイル容量は増えませんか？
A： 元のピクセルデータを内部に保持するためファイル容量はやや増加します。複数の高解像度レイヤーをスマートオブジェクト化すると、PSBファイルの容量に影響することがあります。納品用の最終データを作成する際は、不要になったスマートオブジェクトをラスタライズしてから保存するとファイルサイズを抑えられます。
Q： 複数レイヤーをまとめて同じ比率で変形するにはどうすればいいですか？
A： レイヤーパネルでCtrlクリック（Mac: Commandクリック）して複数レイヤーを選択し、Ctrl＋T（Mac: Command＋T）で自由変形を起動すると、選択した全レイヤーを同時に変形できます。ただしレイヤーの配置位置も同時に動くため、整列が崩れないよう注意してください。
カンバスサイズ変更は余白追加に使う
カンバスサイズと画像解像度の違いを明確化する
画像解像度は画像データそのものの幅・高さを変える操作です。カンバスサイズは、画像データは変えずに作業領域（キャンバス）の幅・高さを変える操作です（Photoshopbook：画像解像度とカンバスサイズの使い分け）。カンバスサイズを大きくすると、元画像の外側に余白（背景色または透明）が追加されます。カンバスサイズを小さくすると、はみ出た部分の画像データがトリミングされます。「足す・切る」のはカンバス、「縮める・伸ばす」のは画像解像度と区別してください。
カンバスサイズの操作手順
メニューから「イメージ→カンバスサイズ」を選択します（ショートカット: Windows Alt＋Ctrl＋C、Mac Option＋Command＋C）。ダイアログでは「新しいサイズ」の幅・高さを入力し、「基準位置」のアンカーで元画像をどの位置に置くかを指定します。余白を全周囲に均等に追加したい場合は中央のアンカーを選択し、右側に余白を追加したい場合は左端のアンカーを選びます。余白部分のカラーは「カンバスの拡張カラー」で指定できます。背景レイヤーがある場合は背景色が適用され、背景レイヤーがない場合は透明になります。
切り抜きツールで指定サイズ・指定比率に合わせる
SNSや広告媒体の指定アスペクト比に画像を合わせる場合、カンバスサイズより切り抜きツールが実務上使いやすい場面があります。ツールバーで切り抜きツールを選択し、オプションバーで比率（例: 1:1、4:5）または幅×高さのpx指定を入力すると、その比率でトリミング範囲を固定してドラッグできます（avaide：画像・切り抜き・レイヤーのサイズ変更）。切り抜くと画像の一部が失われるため、元データの複製を先に保存してから操作してください。
なお、画像圧縮で画質を落とさない方法では、サイズ変更後のファイル容量管理についても詳しく解説しています。納品前の最終工程として合わせて確認しておくことをおすすめします。
CHECK
▶ 今すぐやること: 「イメージ→カンバスサイズ」を開き、現在のカンバス幅・高さを確認する。SNS用に余白追加が必要であれば、元ファイルを複製してからカンバスサイズを調整する（3分）
Q: カンバスサイズを小さくしたら画像データは消えますか？
A： カンバスの外にはみ出した部分の画像データは表示されなくなりますが、レイヤーのデータ自体は内部的に残っています。「統合」や「別名で保存（フラット化）」を行うと、はみ出た部分は完全に削除されます。操作後に必ずCtrl＋Z（Mac: Command＋Z）で確認し、元データは別ファイルで保持してください。
Q： カンバスサイズ変更で解像度は変わりますか？
A： 変わりません。カンバスサイズの変更は作業領域の大きさだけを操作するため、画像の解像度（PPI）には影響しません。解像度を変えたい場合は「画像解像度」から操作してください。
Photoshopを仕事で使えるようになりたい方へ
Photoshopの全工程の解説動画をLINEで受け取る
LINEで無料で届くもの
- 全工程Photoshopの解説動画
- 20本Webデザインの無料レッスン
- 4本限定のPDF・動画
登録1分・情報収集だけでもOK・セミナー参加は自由
タップするとLINEの友だち追加画面が開きます
LINE登録のよくある質問
- お金はかかりますか？
- LINEの登録と、届くレッスン・動画・PDFは無料です。
- どんな連絡が来ますか？
- レッスンや動画のほか、無料セミナーの案内が届きます。参加するかは自由です。
- やめたいときは？
- LINEでブロックすれば、それ以上は届きません。
PR提供: 日本デザインスクール（デザスク）
フォトショ サイズ変更は用途別設定で3分診断
Q1: 納品データはWeb・SNS・デジタル配信用ですか？それとも印刷・オフセット・大判出力用ですか？
Web・デジタル配信用であればQ2へ進みます。印刷用であればQ3へ進みます。
Q2: クライアントからpxサイズの指定はありますか？
指定ありであればResult A（クライアント指定pxを優先する）へ。指定なしであればResult B（媒体の推奨サイズを確認する）へ進みます。
Q3: 印刷会社・入稿先から解像度・塗り足しの指定はありますか？
指定ありであればResult C（印刷会社の仕様を最優先する）へ。指定なしであればResult D（一般的な印刷向け設定を参考にする）へ進みます。
Result A: クライアント指定pxを優先する
画像解像度ダイアログで「再サンプル」をオンにし、指定の幅・高さ（px）を入力します。解像度（PPI）の数値はWeb表示には直接影響しないため、72PPIのままで問題ありません。書き出し形式はクライアント指定に従い、JPEGなら画質設定8〜10、PNGなら透明部分の有無を確認して書き出してください（Adobe公式ヘルプ：画像のサイズ変更）。
Result B: 媒体の推奨サイズを確認する
InstagramやFacebookなどSNS媒体は公式ガイドラインに推奨pxサイズを公開しています。媒体ごとの推奨値を確認し、それに合わせたpx指定で画像解像度を変更します。指定がない場合の汎用設定として、正方形は1080×1080px、縦型は1080×1350pxが広く使われています。解像度は72〜96PPIを設定します。
Result C: 印刷会社の仕様を最優先する
印刷会社が指定する解像度（通常350DPIまたは300DPI）、仕上がりサイズ（mmまたは点数）、塗り足し幅（通常3mm）を印刷会社の入稿ガイドで確認します。画像解像度ダイアログで「幅」の単位をmmに切り替え、仕上がりサイズ＋塗り足し分（各辺3mm追加）のサイズを入力し、解像度を印刷会社指定値に設定します。
Result D: 一般的な印刷向け設定を参考にする
高品質な印刷物の目安として解像度300PPIが広く参考にされています。印刷会社・用紙・出力方式によって最適値は異なるため、入稿前に印刷会社に確認してください（Adobe公式ヘルプ：画像のサイズ変更）。
CHECK
▶ 今すぐやること: 今回の納品先（Web・印刷・SNS）を確認し、クライアントまたは印刷会社の仕様書からpxまたはmm・解像度の指定値を書き出す（3分）
Q: WebとSNSで解像度を高く設定してもファイルサイズが無駄に増えますか？
A： 増えます。Web・SNS表示では解像度（PPI）の数値よりもpxサイズがファイル表示に直接影響します。解像度を300PPIに設定しても、pxサイズが同じであれば表示品質は変わらず、ファイル容量だけ増えます。Web納品では不要な高解像度設定を避け、pxサイズで管理してください。
Q： 印刷会社に指定がなければ解像度はいくつにすればいいですか？
A： 印刷物の品質目安として350DPI（印刷業界で広く用いられる慣行値）または300PPI（Adobe公式の参考値）が使われますが、実際の最適値は印刷会社・出力機器・用紙によって異なります。不明な場合は入稿前に印刷会社に確認してください。
フォトショ サイズ変更は5つの実務ハックで品質向上
ハック1: 作業前の複製で元データを完全保護する
【対象】: 変更後に元データに戻せず困った経験があるすべてのPhotoshopユーザー
【手順】: ファイルを開いたら「ファイル→複製」を選択して複製版を作成します（30秒）。複製版のファイル名を「_work」など作業用と分かる名前に変更して保存します（30秒）。複製版のみで編集を行い、元ファイルは一切開かない運用を徹底します（即時）。
【コツと理由】: PhotoshopはCtrl＋Zで操作を戻せますが、履歴ステップ数には上限があり、ファイルを閉じると履歴はリセットされます。複製を最初に作る1分の作業が、数時間の再制作を防ぎます。フリーランスでは「元データを再送してください」と言い出せない状況が発生することもあり、複製習慣はリスクヘッジとして機能します。
【注意点】: 「上書き保存（Ctrl＋S）をこまめに行えば大丈夫」という運用は避けてください。上書き保存は元データを上書きするため、複製なしで上書き保存するほど元データへの復元が困難になります。
ハック2: 縦横比固定を必ず確認してから数値を入力する
【対象】: サイズ変更後に画像が歪んで納品ミスを起こしたことがある方
【手順】: 「画像解像度」ダイアログを開いたら、最初に鎖マーク（縦横比を固定）のアイコンが繋がっているか目視確認します（10秒）。繋がっていない場合はクリックして有効にします（5秒）。幅または高さの一方だけを入力し、もう一方が自動計算されることを確認してから「OK」を押します（30秒）。
【コツと理由】: 実務では前回の操作でアイコンがオフになったまま次の作業に入るケースが頻発します。入力してからはじめて歪みに気づいた場合は再作業が必要になります。「入力前に鎖マークを確認する」を習慣のトリガーにすることで、確認コストより再作業コストを下げられます。
【注意点】: クライアントが縦横比の異なるサイズを指定してきた場合は、「切り抜き」と組み合わせて対応します。縦横比固定のまま無理に当てはめようとすると、指定サイズとずれた数値になります。
ハック3: 拡大は段階的に行い画質劣化を最小化する
【対象】: 画像を拡大したら全体がぼやけてしまい、修正方法が分からなかった経験がある方
【手順】: 目標サイズが元サイズの150%以内であれば、一度で拡大して問題ありません（即時判断）。目標サイズが元サイズの200%以上の場合は、画像解像度で110〜120%ずつ段階的に拡大する操作を繰り返します（1操作30秒）。拡大後は100%表示（Ctrl＋1 または Command＋1）で文字・輪郭・ノイズを目視確認します（1分）。
【コツと理由】: 画像を大きく拡大するほど存在しないピクセルを補間する量が増え、ぼやけが顕著になります。Photoshop 2023以降では「超解像度」機能（フィルター→Neural Filters）がより高精度な拡大補間を提供していますが、処理には画像サイズによって数秒〜数十秒かかります。段階的拡大は超解像度機能を使えない旧バージョン環境やバッチ処理で自動化する場面で有効です。「元画像の解像度が用途に対して十分か」を事前に確認する習慣が最も根本的な対策です。
【注意点】: アンシャープマスクをかければぼやけが解消できるわけではありません。アンシャープマスクはエッジのコントラストを強調するためシャープに見えますが、補間によって失われた情報を復元するものではなく、過度に適用するとノイズや不自然な輪郭強調が発生します。
ハック4: 100%表示チェックを書き出し前の必須工程にする
【対象】: 書き出した画像をクライアントから確認してもらってから初めてぼやけに気づく方
【手順】: サイズ変更後に Ctrl＋1（Mac: Command＋1）を押して100%表示に切り替えます（5秒）。文字の輪郭・細いラインのシャープさ・ノイズの有無を目視で確認します（1〜2分）。問題がなければ「ファイル→書き出し→書き出し形式」または「書き出し→Web用に保存（従来）」から書き出します（1分）。
【コツと理由】: 「書き出したJPEGが予想よりぼやけていた」という確認漏れが実務では多く報告されています（Bizroad：画像解像度・自由変形の解説）。100%表示は実際の出力ピクセルを1:1で表示するため、書き出し後の品質を書き出し前に確認できる最も確実な方法です。50%や「画面に合わせる」表示では細部のぼやけが確認しにくいため、必ず100%表示で確認してください。
【注意点】: 高解像度モニター（Retinaディスプレイ等）では画像が精細に見えすぎて、実際の出力品質よりシャープに表示されることがあります。100%表示での確認は環境に依存しない品質チェックの基準として機能します。
ハック5: 複数画像はイメージプロセッサで一括処理する
【対象】: 同じサイズ変更を10枚以上の画像に繰り返している方
【手順】: 「ファイル→スクリプト→イメージプロセッサ」を開きます（30秒）。処理対象のフォルダ・書き出し先・形式（JPEG/PNG/TIFF）・サイズを設定します（2〜3分）。「実行」をクリックして一括処理を完了します（10枚で約30秒〜1分）。
【コツと理由】: 1枚ずつ画像解像度で変更して保存する代わりに、イメージプロセッサで一括処理するアプローチを取ります。イメージプロセッサはPhotoshopの標準機能として搭載されており、フォルダ単位で複数画像を同一サイズ・同一形式に変換できます（Wondershare：一括処理の解説）。複数枚を1枚ずつ処理する場合と比べ、イメージプロセッサなら設定2〜3分＋処理時間のみで完了します。月に複数案件のバナーや商品画像を扱うフリーランスにとって、作業時間の大幅な削減につながります。また、大量の画像処理を頻繁に行うなら画像リサイズを一括で行う無料ツールとの使い分けも検討する価値があります。
【注意点】: 一括処理は同一設定を全画像に適用するため、画像ごとに異なる構図や色バランスの問題は検出できません。一括処理後は数枚をサンプルで100%表示確認し、問題があれば個別調整を行ってください。
CHECK
▶ 今すぐやること: 手元に複数画像（2枚以上）がある場合は「ファイル→スクリプト→イメージプロセッサ」を開き、フォルダと出力形式だけ設定してみる（5分）。単一画像の場合は「ファイル→複製」で元データを複製してから編集を開始する（1分）
Q: イメージプロセッサとアクションの一括処理はどう使い分けますか？
A： イメージプロセッサはサイズ変更・形式変換・基本補正を同一設定で一括適用する場合に最適で、設定が簡単です。アクション＋バッチ処理は、複数の手順を記録して複雑な処理を一括化したい場合に使います。まずはイメージプロセッサから始め、より複雑な処理が必要になったらアクション化するのが効率的な導入順序です。
Q： イメージプロセッサで元ファイルが上書きされる心配はありますか？
A： 書き出し先フォルダを元フォルダとは別に指定すれば上書きされません。設定画面の「保存先」で「別のフォルダに保存」を選択し、出力先フォルダを明示的に指定してから実行してください。
まとめ:フォトショ サイズ変更は3操作を用途で使い分ける
フォトショップのサイズ変更は「画像解像度・自由変形・カンバスサイズ」の3操作を用途に応じて使い分けることが品質と効率の両方を決定します。画像全体のpx・mmを変えるなら画像解像度、レイヤー単体を動かすなら自由変形、余白の追加や作業領域の調整ならカンバスサイズを選択してください。
「変えたいのは全体か・レイヤーか・余白か」を自問することで、正しい操作にたどり着けます。案件を重ねるごとに3択の判断が数秒でできるようになります。実務では「縦横比固定の確認」「作業前の複製」「100%表示チェック」の3習慣を組み合わせることで、納品ミスと再作業の大半を防げます。
フリーランスとして画像作業の効率化をさらに追求するなら、作業効率を上げる方法も参考にしてください。Photoshopの操作以外の仕組み化についても詳しく解説しています。
| 状況 | 次の一歩 | 所要時間 |
| 初めて画像解像度を使う | 「Alt＋Ctrl＋I」で開き、現在値を確認してからサイズを入力 | 3分 |
| レイヤーだけ変形したい | スマートオブジェクトに変換してから Ctrl＋T で自由変形 | 2分 |
| 10枚以上の一括処理がある | 「ファイル→スクリプト→イメージプロセッサ」を起動 | 5分 |
| 印刷入稿の設定が分からない | 印刷会社の入稿ガイドを開き、解像度・塗り足し・mmサイズを確認 | 5分 |
フォトショ サイズ変更に関するよくある質問
Q: 画像解像度でサイズを小さくしたあと、元のサイズに戻せますか？
A： 再サンプルをオンにしてサイズを縮小した場合、削除されたピクセル情報は元のファイルには戻りません。同一セッション中であればCtrl＋Z（Mac: Command＋Z）で戻れますが、ファイルを保存・終了した後は復元できません。変更前に元ファイルを複製しておくことが不可欠です。
Q： 「再サンプル」のアルゴリズム（バイキュービック等）はどれを選べばいいですか？
A： 縮小の場合は「バイキュービック法（シャープ）」、拡大の場合は「バイキュービック法（スムーズ）」が一般的な目安です。Photoshop 2023以降では「ディテールを保持2.0」が高品質な拡大補間として機能します。「自動」設定ではPhotoshopが操作内容を判断して選択しますが、品質にこだわる場面では手動で選択してください。
Q： pxとmmはどちらの単位で設定すればいいですか？
A： Web・SNS・デジタル配信用にはpx、印刷物・入稿データにはmmを使用するのが実務上の基本です。「画像解像度」ダイアログの単位プルダウンで切り替えられます。印刷物の場合は仕上がりサイズをmm指定し、解像度を印刷会社指定値に合わせることで、印刷結果と指定サイズを一致させられます。
【出典・参照元】
Adobe公式ヘルプ：Photoshopでの画像のサイズ変更 – 画像解像度ダイアログの操作、縦横比の固定、再サンプル、解像度設定の公式説明
Ligインク：フォトショのレイヤーサイズを変更する方法 – スマートオブジェクトと自由変形の解説
Photoshopbook：画像解像度とカンバスサイズの使い分け – カンバスサイズと画像解像度の違いの解説
Bizroad：Photoshopで画像のサイズ変更する方法 – 画像解像度・自由変形・ショートカットの解説
Adobe公式ヘルプ：画像のサイズ変更 – Web・印刷向け解像度設定の参考値
avaide：画像・切り抜き・レイヤーのサイズ変更方法 – 切り抜きツールとレイヤーサイズ変更の解説
Wondershare：Photoshopで画像のサイズを変更する方法 – イメージプロセッサによる一括処理の解説