メインコンテンツへ移動
← ブログに戻る
5 分で読めますDocCrunch Team

画像サイズは合っているのに、なぜ構図が崩れるのか

画像のピクセル寸法と縦横比を区別し、切り抜き・余白・引き伸ばしの違いと、一括処理で確認したい点を解説します。

画像サイズ変更画像切り抜き縦横比構図

横長の写真を800×800ピクセルにすると、人物が細くなることも、左右が切れることも、上下に余白ができることもあります。

出力寸法は同じでも、残る画面の情報は異なります。「サイズ変更」は出力の大きさを指定するだけで、元画像をその枠にどう収めるかまでは決めません。固定寸法にする前に、比率と残す範囲を確認する必要があります。

ピクセル寸法と縦横比は別の情報

ピクセル寸法は画像の幅と高さ、縦横比はその関係を表します。1200×800と600×400は、どちらも3:2です。前者を比率を保って縮小すれば、画面の範囲を維持できます。

一方、800×800は1:1です。3:2の画像を正方形にするとき、次の三つを同時に満たすことはできません。

  • 画面全体を残す。
  • 被写体の元の形を保つ。
  • 余白なく正方形全体を埋める。

切り抜き、余白の追加、引き伸ばしは、それぞれ異なる選択です。

切り抜き・余白・引き伸ばしで変わるもの

1200×800の横長画像から800×800の正方形を作る場合を考えます。

方法 正方形にする仕組み 主な影響
比率を保って拡大縮小し、切り抜く 枠を埋めて、はみ出す部分を除く 形は保たれるが、一部の内容を失う
比率を保って収め、余白を加える 全体をキャンバス内に入れ、空いた部分を背景で埋める 内容は残るが、余白が増える
そのまま引き伸ばす 幅と高さを別々に変更する 画面全体は残るが、形が変わることがある

中央で切り抜くなら、中央の800×800を残し、左右から各200ピクセルを除けます。全体を残して幅を800にすると、高さは約533ピクセルになり、残りを背景で補う必要があります。

比率を無視して変更すると、幅だけが縮まり、高さは変わりません。寸法が正しくても、円が楕円になることがあります。

画像の中央が、被写体の中央とは限らない

中央での切り抜きは規則が明確で、一括処理にも便利です。ただし、重要な内容を判断しているわけではありません。端にいる人物、隅の文字、左右に並ぶ人が切れる場合があります。被写体が欠けなくても、空間のバランスは変わります。

DocCrunchの画像サイズ変更では、幅と高さを固定するモードで切り抜きと引き伸ばしを選べます。切り抜きは比率を保って枠を埋め、中央を残す方式です。被写体の位置を自動認識する機能ではありません。

残す範囲を指定したい場合は、先に画像切り抜きで比率を選び、範囲を手動で調整してから、出力寸法を設定します。

1:1への切り抜きは正方形にする操作であり、800×800ピクセルになるとは限りません。

片側だけの制限なら、幅と高さを固定しなくてよい

幅1200ピクセル、または長辺の上限だけが指定される場合もあります。もう一方を比率から計算すれば、不要な切り抜きや変形を避けられます。

長辺を1200ピクセルにすると、次のようになります。

  • 3:2の横長画像は1200×800。
  • 2:3の縦長画像は800×1200。
  • 正方形は1200×1200。

寸法はそろわなくても、同じ条件を満たします。画像サイズ変更ツールでは、幅・高さ・長辺・短辺・パーセントを基準に変更できます。実際に指定されている条件に合わせて選びます。

一括処理では、各画像の端も確認する

横長、縦長、正方形が混在し、被写体の位置も異なる場合、同じ寸法への切り抜きがすべて適切とは限りません。中央だけでなく、周囲も確認します。

  • 頭頂部、手、足が切れていないか。
  • 商品の縁、持ち手、突き出した部分が残っているか。
  • 隅の文字、ロゴ、番号が見えるか。
  • 被写体の前方や視線の先に空間があるか。
  • 画像ごとに被写体の大きさが違いすぎないか。

必要な内容が目標の比率に収まらなければ、構図を変える、別の原画像を使う、キャンバス拡張に対応した編集ツールで余白を加えるといった対応が必要です。全体を縮小するだけでは、「隙間なく埋める」と「すべて残す」の両立はできません。

寸法の次に、ファイル容量を確認する

800×800はピクセル寸法であり、KBやMBの上限を満たす保証ではありません。同じ寸法でも、形式、内容、エンコード品質によって容量は変わります。

次の順番で確認すると整理しやすくなります。

  1. 幅と高さが固定なのか、片側だけの制限なのかを確認する。
  2. 元画像と出力先の縦横比を比べる。
  3. 切り抜き、余白、許容できる変形のいずれかを選ぶ。
  4. 被写体と端を確認し、最終寸法で出力する。
  5. 形式と容量を確認し、必要なら圧縮する。

寸法は適切でも容量が大きい場合は、さらに小さくする前に画像圧縮を使えます。

適切な画像には、正しい寸法だけでなく、自然な形、必要な内容、表示先での収まりも求められます。出力するピクセル数の前に、画面をどう枠に収めるかを決めておきましょう。

おすすめの DocCrunch ツール

これらのツールは可能な限りブラウザ内でローカル実行され、ファイルをサーバーへアップロードする必要がありません。