[{"data":1,"prerenderedAt":27},["ShallowReactive",2],{"blog-ja-image-resize-crop-aspect-ratio-composition-guide":3},{"slug":4,"locale":5,"title":6,"description":7,"date":8,"author":9,"tags":10,"keywords":15,"h1":16,"readingTime":17,"html":18,"recommendedTools":19,"faqs":26},"image-resize-crop-aspect-ratio-composition-guide","ja","画像サイズと構図：縦横比・切り抜き・余白の違い","画像のピクセル寸法と縦横比を区別し、切り抜き・余白・引き伸ばしの違いと、一括処理で確認したい点を解説します。","2026-09-15","DocCrunch Team",[11,12,13,14],"画像サイズ変更","画像切り抜き","縦横比","構図",[11,12,13,14],"画像サイズは合っているのに、なぜ構図が崩れるのか",5,"\u003Cp>横長の写真を800×800ピクセルにすると、人物が細くなることも、左右が切れることも、上下に余白ができることもあります。\u003C\u002Fp>\n\u003Cp>出力寸法は同じでも、残る画面の情報は異なります。「サイズ変更」は出力の大きさを指定するだけで、元画像をその枠にどう収めるかまでは決めません。固定寸法にする前に、比率と残す範囲を確認する必要があります。\u003C\u002Fp>\n\u003Ch2>ピクセル寸法と縦横比は別の情報\u003C\u002Fh2>\n\u003Cp>ピクセル寸法は画像の幅と高さ、縦横比はその関係を表します。1200×800と600×400は、どちらも3:2です。前者を比率を保って縮小すれば、画面の範囲を維持できます。\u003C\u002Fp>\n\u003Cp>一方、800×800は1:1です。3:2の画像を正方形にするとき、次の三つを同時に満たすことはできません。\u003C\u002Fp>\n\u003Cul>\n\u003Cli>画面全体を残す。\u003C\u002Fli>\n\u003Cli>被写体の元の形を保つ。\u003C\u002Fli>\n\u003Cli>余白なく正方形全体を埋める。\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>切り抜き、余白の追加、引き伸ばしは、それぞれ異なる選択です。\u003C\u002Fp>\n\u003Ch2>切り抜き・余白・引き伸ばしで変わるもの\u003C\u002Fh2>\n\u003Cp>1200×800の横長画像から800×800の正方形を作る場合を考えます。\u003C\u002Fp>\n\u003Ctable>\n\u003Cthead>\n\u003Ctr>\n\u003Cth>方法\u003C\u002Fth>\n\u003Cth>正方形にする仕組み\u003C\u002Fth>\n\u003Cth>主な影響\u003C\u002Fth>\n\u003C\u002Ftr>\n\u003C\u002Fthead>\n\u003Ctbody>\n\u003Ctr>\n\u003Ctd>比率を保って拡大縮小し、切り抜く\u003C\u002Ftd>\n\u003Ctd>枠を埋めて、はみ出す部分を除く\u003C\u002Ftd>\n\u003Ctd>形は保たれるが、一部の内容を失う\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>比率を保って収め、余白を加える\u003C\u002Ftd>\n\u003Ctd>全体をキャンバス内に入れ、空いた部分を背景で埋める\u003C\u002Ftd>\n\u003Ctd>内容は残るが、余白が増える\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003Ctr>\n\u003Ctd>そのまま引き伸ばす\u003C\u002Ftd>\n\u003Ctd>幅と高さを別々に変更する\u003C\u002Ftd>\n\u003Ctd>画面全体は残るが、形が変わることがある\u003C\u002Ftd>\n\u003C\u002Ftr>\n\u003C\u002Ftbody>\n\u003C\u002Ftable>\n\u003Cp>中央で切り抜くなら、中央の800×800を残し、左右から各200ピクセルを除けます。全体を残して幅を800にすると、高さは約533ピクセルになり、残りを背景で補う必要があります。\u003C\u002Fp>\n\u003Cp>比率を無視して変更すると、幅だけが縮まり、高さは変わりません。寸法が正しくても、円が楕円になることがあります。\u003C\u002Fp>\n\u003Ch2>画像の中央が、被写体の中央とは限らない\u003C\u002Fh2>\n\u003Cp>中央での切り抜きは規則が明確で、一括処理にも便利です。ただし、重要な内容を判断しているわけではありません。端にいる人物、隅の文字、左右に並ぶ人が切れる場合があります。被写体が欠けなくても、空間のバランスは変わります。\u003C\u002Fp>\n\u003Cp>\u003Ca href=\"\u002Fja\u002Fimage-resize\u002F\">DocCrunchの画像サイズ変更\u003C\u002Fa>では、幅と高さを固定するモードで切り抜きと引き伸ばしを選べます。切り抜きは比率を保って枠を埋め、中央を残す方式です。被写体の位置を自動認識する機能ではありません。\u003C\u002Fp>\n\u003Cp>残す範囲を指定したい場合は、先に\u003Ca href=\"\u002Fja\u002Fimage-crop\u002F\">画像切り抜き\u003C\u002Fa>で比率を選び、範囲を手動で調整してから、出力寸法を設定します。\u003C\u002Fp>\n\u003Cp>1:1への切り抜きは正方形にする操作であり、800×800ピクセルになるとは限りません。\u003C\u002Fp>\n\u003Ch2>片側だけの制限なら、幅と高さを固定しなくてよい\u003C\u002Fh2>\n\u003Cp>幅1200ピクセル、または長辺の上限だけが指定される場合もあります。もう一方を比率から計算すれば、不要な切り抜きや変形を避けられます。\u003C\u002Fp>\n\u003Cp>長辺を1200ピクセルにすると、次のようになります。\u003C\u002Fp>\n\u003Cul>\n\u003Cli>3:2の横長画像は1200×800。\u003C\u002Fli>\n\u003Cli>2:3の縦長画像は800×1200。\u003C\u002Fli>\n\u003Cli>正方形は1200×1200。\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>寸法はそろわなくても、同じ条件を満たします。\u003Ca href=\"\u002Fja\u002Fimage-resize\u002F\">画像サイズ変更ツール\u003C\u002Fa>では、幅・高さ・長辺・短辺・パーセントを基準に変更できます。実際に指定されている条件に合わせて選びます。\u003C\u002Fp>\n\u003Ch2>一括処理では、各画像の端も確認する\u003C\u002Fh2>\n\u003Cp>横長、縦長、正方形が混在し、被写体の位置も異なる場合、同じ寸法への切り抜きがすべて適切とは限りません。中央だけでなく、周囲も確認します。\u003C\u002Fp>\n\u003Cul>\n\u003Cli>頭頂部、手、足が切れていないか。\u003C\u002Fli>\n\u003Cli>商品の縁、持ち手、突き出した部分が残っているか。\u003C\u002Fli>\n\u003Cli>隅の文字、ロゴ、番号が見えるか。\u003C\u002Fli>\n\u003Cli>被写体の前方や視線の先に空間があるか。\u003C\u002Fli>\n\u003Cli>画像ごとに被写体の大きさが違いすぎないか。\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>必要な内容が目標の比率に収まらなければ、構図を変える、別の原画像を使う、キャンバス拡張に対応した編集ツールで余白を加えるといった対応が必要です。全体を縮小するだけでは、「隙間なく埋める」と「すべて残す」の両立はできません。\u003C\u002Fp>\n\u003Ch2>寸法の次に、ファイル容量を確認する\u003C\u002Fh2>\n\u003Cp>800×800はピクセル寸法であり、KBやMBの上限を満たす保証ではありません。同じ寸法でも、形式、内容、エンコード品質によって容量は変わります。\u003C\u002Fp>\n\u003Cp>次の順番で確認すると整理しやすくなります。\u003C\u002Fp>\n\u003Col>\n\u003Cli>幅と高さが固定なのか、片側だけの制限なのかを確認する。\u003C\u002Fli>\n\u003Cli>元画像と出力先の縦横比を比べる。\u003C\u002Fli>\n\u003Cli>切り抜き、余白、許容できる変形のいずれかを選ぶ。\u003C\u002Fli>\n\u003Cli>被写体と端を確認し、最終寸法で出力する。\u003C\u002Fli>\n\u003Cli>形式と容量を確認し、必要なら圧縮する。\u003C\u002Fli>\n\u003C\u002Fol>\n\u003Cp>寸法は適切でも容量が大きい場合は、さらに小さくする前に\u003Ca href=\"\u002Fja\u002Fimage-compress\u002F\">画像圧縮\u003C\u002Fa>を使えます。\u003C\u002Fp>\n\u003Cp>適切な画像には、正しい寸法だけでなく、自然な形、必要な内容、表示先での収まりも求められます。出力するピクセル数の前に、画面をどう枠に収めるかを決めておきましょう。\u003C\u002Fp>\n",[20,22,24],{"slug":21},"image-resize",{"slug":23},"image-crop",{"slug":25},"image-compress",[],1789443213177]