Photoshopで画像サイズを変更する方法をお探しですね。
広告
Photoshopで画像サイズを変更する方法を分かりやすく解説
Photoshopで画像のサイズを変えようとすると、「ピクセル数」とか「解像度」とか、似たような言葉が並んでいて混乱しませんか？よく分からないまま数値をいじると、画像がぼやけたり、印刷サイズだけが変わって「あれ？」となったりすることもあります。
しかも、Web用、SNS用、印刷用では、それぞれ適した設定が違うんです。
この記事では、Photoshopで画像のサイズと解像度を変更する基本的な方法から、できるだけ画質を落とさずにリサイズするコツまで、初心者の方にも分かりやすく説明していきます。
「画像のサイズ」と「解像度」って何が違うの?
まず、リサイズする前に知っておきたいのが、「画像のサイズ」と「解像度」の違いです。
**画像のサイズ**というのは、横と縦のピクセル数のこと。
たとえば「3000px × 2000px」の画像なら、横に3000個、縦に2000個の小さな点(ピクセル)が並んで画像ができています。
WebサイトやSNSに載せる画像は、このピクセル数が表示される大きさやファイルの重さに直結します。
一方、**解像度**は主に印刷するときの「密度」を表す数値で、「ppi」や「dpi」という単位で表されます。
Photoshopでは「解像度 300 pixel/inch」のように表示されていて、1インチの中にピクセルをどれだけ詰め込むかを示しています。
印刷物では300ppiくらいがキレイに仕上がる目安とされていて、Web表示では72ppiや96ppiという数値をよく見かけます。
ただし、Web上での見た目は基本的にピクセル数で決まります。
だから、解像度の数値だけを変えても、ブラウザで見たときの大きさはほとんど変わりません。
ここで混乱しやすいのが、「ピクセル数を変えるリサイズ」と「解像度だけを変える設定」は別物だということ。
Photoshopの「画像解像度」という画面には「再サンプル」という項目があります。
– **再サンプルをオン**にすると、画像のピクセル数そのものを増やしたり減らしたりします
– **再サンプルをオフ**にすると、ピクセル数はそのままで、印刷したときの大きさと解像度の関係だけを変えます
画質を落とさずに作業するには、まず「自分が変えたいのはWeb用のピクセル数なのか、印刷用の解像度なのか」をはっきりさせることが大切です。
画像のピクセル数を変える方法(Web・SNS用)
WebサイトやSNSに使う画像のサイズを変えるときは、次の手順で進めます。
1. Photoshopで画像を開く
2. メニューから「イメージ」→「画像解像度」を選ぶ
3. 「再サンプル」にチェックが入っているか確認する
4. 単位を「pixel」にする
5. 横幅か高さに、必要なピクセル数を入力する
たとえば、ブログのアイキャッチ画像として横幅1200pxが必要なら、幅に「1200」と入力します。
縦横比を固定するリンクマーク(鎖のアイコン)が有効になっていれば、高さは自動で調整されるので、画像が不自然に伸びたり縮んだりしません。
リサンプル方式って何?
リサイズするときには、「再サンプル方式」という計算方法も選べます。
Photoshopには「自動」「ディテールを保持」「バイキュービック法」などの選択肢があって、画像を拡大・縮小するときの処理の仕方が変わります。
初心者の方は「自動」を選んでおけば大丈夫ですが、ざっくり言うと:
– **拡大するとき**は「ディテールを保持」系
– **縮小するとき**は「バイキュービック法・シャープ」
が向いていることが多いです。
バージョンによって表示される名前が少し違いますが、まずはプレビューを見ながら自然に見える方法を選んでみてください。
リサイズ後は必ず100%表示で確認を
リサイズした後は、必ず100%表示(等倍)で画像を確認しましょう。
画面に合わせて縮小表示されていると、ぼやけやノイズ、輪郭の荒れに気づきにくいんです。
特に人物写真、商品写真、文字入りのバナーなどは、リサイズ後の見え方が仕上がりを左右します。
保存する前に細かいところまでチェックしておけば、公開してから「文字が読みにくい」「写真がぼやけてる」といった失敗を防げます。
解像度を変える方法(印刷用)
印刷用の画像を作るときは、解像度の扱いが少し違います。
同じく「イメージ」→「画像解像度」から操作しますが、ここで重要なのが**「再サンプル」をオフにする**こと。
再サンプルをオフにすると、画像の総ピクセル数は変わらず、印刷したときの大きさと解像度の関係だけが変わります。
つまり、画像そのものの情報量を増減させないので、画質が劣化しにくいんです。
解像度と印刷サイズの関係
例を挙げてみましょう。
3000px × 2000pxの画像があるとします。
– **300ppiに設定**すると、印刷サイズは約10インチ × 6.67インチ
– **150ppiに変更**すると、同じピクセル数のまま、印刷サイズは大きくなる
– **600ppiに変更**すると、印刷サイズは小さくなる
このように、解像度は「印刷するときにどのくらいの密度で画像を出力するか」を決めるものです。
逆に、Web画像ではピクセル数が優先されます。
だから、解像度の数値だけを72ppiから300ppiに変えても、画像の横幅が1200pxなら、ブラウザで見たときの基本的な大きさは1200pxのままなんです。
印刷用画像を作るときのポイント
印刷用の画像を作る場合は、最終的に使うサイズから逆算して、必要なピクセル数を確認することが大切です。
名刺、チラシ、ポスターなどでは、印刷会社が推奨する解像度や入稿サイズを指定していることがあります。
一般的な写真や印刷物では**300ppiが目安**になりますが、大きなポスターのように離れて見るものは、必ずしも300ppiが必要とは限りません。
逆に、細かい文字や商品写真をキレイに見せたい印刷物では、元画像のピクセル数が足りないと、解像度だけを上げても本質的な画質は良くなりません。
Web用は解像度より「ピクセル数」と「容量」を意識
Web用の場合は、解像度よりも「表示に必要なピクセル数」と「ファイルの容量」を意識しましょう。
ブログの本文幅が800px程度なら、横幅3000pxの画像をそのまま使う必要はありません。
大きすぎる画像はページの表示速度を遅くして、SEOやユーザー体験にも悪影響を与える可能性があります。
Web掲載では、必要な横幅に合わせてリサイズして、JPEG、PNG、WebPなど用途に合う形式で書き出すのが現実的です。
画質を落とさずにリサイズするコツ
画像の画質をできるだけ落とさずにリサイズするには、次の3つが基本です。
1. **元画像を残す**
2. **無理な拡大を避ける**
3. **目的に合った書き出しをする**
特に大事なのは、元画像より大きく拡大しても、存在しない細部が完全に復元されるわけではないということ。
Photoshopの補間処理やAI系の拡大機能で自然に見せることはできますが、元画像の情報量を超えて完全な高画質になるわけではありません。
重要な制作物では、できるだけ最初から高解像度の画像を用意するのが理想です。
元ファイルを別名で保存しておく
リサイズ作業をする前には、元ファイルを別名で保存しておくと安心です。
Photoshop形式(PSD)で作業データを残して、書き出し用にJPEGやPNGを作る流れにすると、後からサイズ違いを作り直すときにも便利です。
また、**スマートオブジェクト**を活用すると、配置した画像を縮小・拡大しても元データを保持しやすくなります。
何度も変形を繰り返すデザイン作業では、通常の画像レイヤーのまま拡大縮小を重ねるより、スマートオブジェクト化しておくほうが劣化を抑えやすいです。
ぼやけたらシャープ処理を控えめに
リサイズ後に少しぼやけて見える場合は、必要に応じてシャープ処理を加えます。
ただし、シャープを強くかけすぎると輪郭が不自然になって、ノイズも目立ちやすくなります。
写真なら「フィルター」→「シャープ」系の機能を控えめに使って、文字やロゴがある画像では、書き出し後の見え方を確認しながら調整するとよいでしょう。
特にSNSやECサイトでは、スマートフォンで見たときの印象も重要です。
PC画面だけでなく、実際の表示環境に近いサイズで確認することが品質維持につながります。
書き出し設定も画質に影響する
保存や書き出しの設定も、画質に大きく影響します。
Web用なら「ファイル」→「書き出し」→「Web用に保存」または「書き出し形式」を使って、画像形式と品質を調整します。
– **写真**:JPEGやWebP
– **透過が必要なロゴや図版**:PNG
– **軽量化を重視**:WebP
JPEGの場合、品質を下げすぎるとブロックノイズ(四角いモザイク状の劣化)が出るので、容量とのバランスを見ながら調整します。
目安としては、見た目の劣化が少ない範囲で容量を抑えることが重要で、単に最高品質で保存すればいいとは限りません。
まとめ
Photoshopで画像のサイズと解像度を変更するときは、まず「ピクセル数」と「解像度」の役割を分けて考えることが失敗を防ぐ近道です。
– **Web用**:必要なピクセル数に合わせて「再サンプル」をオンにする
– **印刷用**:「再サンプル」をオフにして、解像度と印刷サイズの関係を確認する
そのうえで、元画像を残して、プレビューを見ながら再サンプル方式や書き出し形式を選べば、画質を保ちながら目的に合ったリサイズができます。
画像の用途がブログ、SNS、印刷物のどれなのかを明確にしてから作業すれば、Photoshopでのサイズ変更はより正確で効率的に行えます。
最初は少し難しく感じるかもしれませんが、何度か試してみると感覚がつかめてくるはずです。
ぜひ実際に操作しながら、自分の目的に合った設定を見つけてみてください。
広告
