Amazon10/19まで!プライム感謝祭開催中!セール会場へ

Photoshopの画像サイズと解像度の違い|px・ppi・再サンプルを使い分ける

画像サイズと解像度 / ピクセル・ppi・再サンプル

Photoshopで画像を小さくしたい場合は、Web用ならピクセル数、印刷用なら仕上がり寸法と解像度を確認します。解像度の数字だけを72から300へ変えても、画像の細部が増えるとは限りません。

重要なのは「再サンプル」のオン・オフです。ピクセルを増減するのか、同じピクセルをどの大きさで印刷するのかを区別して設定しましょう。

目次

ピクセル数・解像度・印刷寸法の関係

項目意味例
ピクセル数画像を構成する横と縦の画素数2400×1600px
解像度1インチあたりに配置する画素数300ppi
印刷寸法紙の上での幅と高さ幅8インチ=約20.32cm

幅2400pxを300ppiで印刷する計算なら、2400÷300で幅8インチです。同じ画像を150ppiにすると、幅16インチになります。画像のピクセル数を変えなければ、印刷寸法と解像度が反対方向に変わります。

関係の説明はAdobe公式の画像サイズ・解像度・再サンプルを参照してください。プリンターのインクの点を表すdpiと、画像の画素密度を表すppiは、同じ意味で扱わないようにします。

Web用に幅を1200pxへ縮小する手順

  1. 元の画像を保存し、作業用のコピーで開く。
  2. 「イメージ」→「画像解像度」を開く。
  3. 幅・高さの比率を連動させる。
  4. 再サンプルを有効にし、幅の単位をピクセルにする。
  5. 幅を1200pxへ変更し、高さとプレビューを確認する。
  6. 確定し、書き出した画像の寸法を確認する。

2400×1600pxの画像なら、比率を維持した幅1200pxは高さ800pxです。幅と高さの連動を外して別々に指定すると、被写体が横長や縦長に変形することがあります。

ピクセル数を変更する具体的な操作はAdobe公式のピクセル寸法変更手順でも確認できます。

印刷サイズだけを変えるなら再サンプルをオフにする

元画像の画素数を保持したい場合は、再サンプルをオフにします。そのうえで、幅をcmなどの物理単位で指定するか、解像度を設定します。

例えば幅2400pxを幅20cmで使う場合、20cmは約7.87インチなので、解像度は約305ppiとなる計算です。ここではピクセルを新しく作るのではなく、配置する密度を決めています。

必要な解像度は、印刷方法、見る距離、入稿先の仕様によって異なります。一般的な数値へ機械的にそろえる前に、印刷会社や提出先の指定を確認してください。

再サンプルをオンにすると何が変わる?

再サンプルはピクセルを増やしたり減らしたりする処理です。縮小では情報をまとめ、拡大では追加する画素の値を計算します。

拡大してピクセル数が増えても、元画像に写っていない細部を正確に取り戻せるとは限りません。解像度と印刷寸法を両方固定したまま再サンプルする場合は、結果として何pxになるかを必ず確認しましょう。

選べる補間方法には、自動、ディテールを保持、バイキュービック系、ニアレストネイバーなどがあります。用途の説明はAdobe公式の再サンプル方式一覧を参照できます。写真とドット絵で同じ方法が最適とは限らないため、プレビューを比較します。

カンバスサイズとの違い

画像解像度は画像全体の画素数などを変える機能です。カンバスサイズは、画像を置く領域の広さを変えるための機能です。周囲へ余白を足したい場合と、写真全体を縮小したい場合では使う操作が異なります。

例えば2400px幅の写真の左右へ余白を追加したいなら、写真そのものを横へ引き伸ばさず、カンバス側を調整します。逆にWeb用に写真を小さくしたいなら、画像のピクセル寸法を変更します。

ファイル容量も同じ割合で小さくなる?

縦横を半分にすると、ピクセル数は4分の1になります。ただし、保存ファイルの容量が必ず4分の1になるわけではありません。形式、圧縮率、画像内容、レイヤーの有無などが影響するためです。

Web用に容量を減らす場合は、寸法と保存形式・品質を別々に調整します。元のPSDを何度も縮小して戻すより、元画像を残し、必要な寸法ごとに書き出す運用にすると修正しやすくなります。

変更後に確認する3つの点

  • ピクセル寸法が、提出先や掲載先の指定に合っているか。
  • 縦横比が変わり、被写体が歪んでいないか。
  • 文字・輪郭・細かい模様が、最終的な使用サイズで読めるか。

印刷用なら物理寸法と解像度も確認します。Web用ならppiだけで判断せず、実際に配置する幅とピクセル数を確認してください。作業中の表示倍率によって大きさの印象が変わるため、書き出したファイルの情報まで見ることが大切です。

次に学ぶ・作業環境を選ぶ

学習を続けたい方や、作業環境を整えたい方は、目的に合うガイドをご覧ください。

Photoshopのおすすめ書籍

動作要件とPCの確認項目

周辺機器の優先度

よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!
目次