--- title: "バナー用に画像を拡張：縦長から横長へ | Herofab" description: "縦長の商品画像やモデル着用画像を、横長のバナーに。Herofab が周囲のシーンを広げ、元のピクセルをその上に戻します。" url: https://herofab.app/ja/tools/extend-image-for-banners language: ja updated: 2026-10-05 --- # 横長のバナーを、縦長の一枚から。 ショップのヘッダーやキャンペーンのバナーは横長ですが、商品画像やモデル着用画像の多くは縦長です。構図の拡張は、画像が横長のバナーのフォーマットを満たすまで、足りないシーンを生成します。生成されるのは新しい領域のみで、元のピクセルがその上に戻されるため、商品は元のまま保たれます。 [無料で始める](https://app.herofab.app/login?lang=ja) · [構図の拡張](https://herofab.app/ja/tools/extend-image) ![同じスタジオ写真を16:9の横長に拡張した画像。モデルはそのまま](https://herofab.app/img/ex/bomber-wide-1600.webp) Herofab で作成 · 構図の拡張 ## バナーが元の画像に求めること。 1. ### 元の画像は描き直されない 縦長の画像をバナーの形に切り取ると、モデルや商品が途中で切れます。拡張では、元のピクセルはすべてその位置に残り、横にシーンが加わります。したがって、衣料品、顔、商品は元の画像のものです。確認が必要なのは、新しい領域と、それが元の画像につながる境目です。 2. ### 無地の背景と込み入った背景 スタジオの壁、背景紙、均一な空は、落ち着いた面として広がり、それはバナーが文字の後ろに必要とするものです。通り、部屋、木の葉は、新しい建物、家具、葉で続けなければならず、作り出されたディテールは目を引きます。繰り返す形や、境目で曲がる地平線や巾木がないかを見てください。 3. ### 見出しのための余白 バナーには被写体の横に空いたシーンが生まれ、デザイナーがあとで見出し、日付、ボタンを置くのはそこです。Herofab は文字を加えません。納品されたバナーの中で被写体がどこにあるか、新しい領域が文字を載せられるほど静かか、そして狭い画面でよく切り落とされる両端に重要なものがないかを確認してください。 ## バナーへ拡張する画像の選び方。 - 商品やモデルの全体が写り、四方に背景が少しずつある画像を選びます。新しいシーンが続きを描く手がかりになります。 - 均一な背景とやわらかい光の画像が向いています。強い影や、写真の端まで続くグラデーションは、バナー全体にわたって引き継がなければなりません。 - 腕、バッグ、裾が左右の縁で切れている画像は避けます。画面の外にある部分は忠実に補えません。 ## バナー用に画像を拡張について、よくある質問。 **バナーに合わせて商品が引き伸ばされますか？** いいえ。元の画像の中のものは、引き伸ばされることも、切り取られることも、描き直されることもありません。横長のフォーマットを満たすために周囲のシーンが生成され、元のピクセルがその上に戻されるため、商品とモデルは縦長の画像にあったプロポーションのままです。 **Herofab はバナーに見出しやロゴを入れますか？** いいえ。構図の拡張が納品するのは画像だけで、被写体の周囲のシーンが広がったものです。見出し、ロゴ、ボタンは、そのあとでデザイナーが、またはショップ自身のエディターで加えます。無地のまま拡張された背景は、その文字に落ち着いた置き場所を与えます。 **画像がすでに横長の場合は？** 画像がすでに選んだフォーマットであれば、何も生成されず、クレジットは返還されます。横長の画像を別のフォーマットへ拡張することはでき、たとえば商品一覧のグリッド用に正方形にする場合は、シーンが左右ではなく上下に加わります。 **料金はいくらですか？** 画像ごとに2クレジット、4Kはさらにクレジットがひとつ追加です。消費クレジットは生成前に表示され、処理に失敗した場合はクレジットが返還されます。登録時の無料20クレジットで、このツールの画像を10枚作成できます。 [構図の拡張](https://herofab.app/ja/tools/extend-image) · [アスペクト比](https://herofab.app/ja/glossary/aspect-ratio) 商品別の作例 [正方形の商品画像](https://herofab.app/ja/tools/square-product-images) · [ストーリーズ用の商品画像](https://herofab.app/ja/tools/story-format-product-images)