チュートリアル

Instagram商品広告サイズ:商品を損なわずに1:1、4:5、9:16を計画する

商品を拡大したり、パネルをカットしたりすることなく、スクエア、フィード、ストーリーの構図を計画できます。4パネル画像の正確なトリミングとフィットの計算が含まれています。

4パネル広告レイアウトの編集イラスト

リサイズする前に、配置に合わせて構図を準備してください。スクエアの商品広告、縦長のフィード構図、全高のストーリーでは、商品、見出し、次のアクションの配置が異なります。1つの画像を縦長にするだけでは、自動的に良い縦型広告が作成されるわけではありません。

作業用キャンバスとしては、スクエアには1080 × 1080、4:5には1080 × 1350、9:16には1080 × 1920から始めてください。これらは実用的なデザインの出発点であり、Metaの現在の有料広告アップロード要件の完全なリストではありません。配信前に、広告アカウントで要件と実際の配置プレビューを確認してください。

どのキャンバスを準備すべきですか?

作業用キャンバス比率構図の目的
1080 × 10801:1コンパクトな商品とメッセージ、バランスの取れた周囲のスペース
1080 × 13504:5商品と短いサポートラインのためのスペースがある縦長の構図
1080 × 19209:16注目、商品、次のアクションの縦方向のシーケンス

AdobeのExpressキャンバスリファレンスには、Instagram広告キャンバスに1080 × 1350、Instagramストーリー広告キャンバスに1080 × 1920が記載されています。これは、これらのデザイン開始サイズをサポートしています。すべての配置、アカウント設定、または現在のプラットフォームの最小要件を保証するものではありません。参照は2026年9月14日に確認済みです。

配信ニーズに合った最高品質のソースを使用してください。小さな画像を拡大すると寸法は大きくなりますが、元々存在しなかった商品の詳細は復元されません。

良い広告がトリミングによって損なわれる理由

トリミングは構図の一部を削除します。リサイズは寸法を変更します。パディングは周囲にスペースを追加します。ストレッチは比率を変更します。これらの操作は、特に認識可能な形状の商品を含む画像の場合、異なる結果をもたらします。

架空のコーヒーポーチが1080 × 1920のデザインの下端近くにあり、見出しが上端近くにあるとします。中央を1080 × 1350にトリミングすると、高さが570ピクセル(両端から285ピクセルずつ)削除されます。両方のファイルがポートレート画像であっても、見出しやポーチが消えてしまう可能性があります。

これは幾何学的な例であり、Instagramが常にその正確なトリミングを使用すると主張するものではありません。配置の動作は異なる場合があります。この計算は、あるポートレート形式で機能するデザインが別の形式で失敗する理由を説明しています。

フィードとストーリーを関連するレイアウトとして構築する

コーヒーの例では、両方のバージョンで同じポーチ、クリーム色の背景、錆色のアクセントカラー、承認された見出しを維持します。それらの配置場所を変更します。

4:5レイアウトでは、見出しをその横または上に配置した大きな商品ビューを使用します。プレビューを拡大せずに読めるように、サポートコピーは短く保ちます。ポーチは構図の中で最も明確なオブジェクトであるべきです。

9:16レイアウトでは、視聴者にメッセージを縦方向に体験させます。雰囲気のあるディテールで画像を開き、次にポーチ、そして明確な次のアクションが続きます。プラットフォームのインターフェースが占める領域から重要なコンテンツを遠ざけてください。古い汎用セーフゾーン図に頼るのではなく、実際のプレビューを使用してそれらの領域を検査してください。

2つのレイアウトは同じキャンペーンのように感じられるべきです。座標が完全に一致する必要はありません。再配置によって商品とメッセージが見やすくなるのであれば、それは一貫性の喪失ではなく、有用な適応です。

4パネル画像の適応

4パネル広告には独自の読み順があります。外側の画像をトリミングすると、パネルの一部が削除されたり、キャプションが切れたり、最終的な行動喚起が中断されたりする可能性があります。中央の商品だけでなく、シーケンス全体を確認してください。

ソースが1080 × 1440、つまり3:4の画像であるとします。トリミングせずに1080 × 1350のキャンバスに完全に収めるには、1012.5 × 1350に拡大縮小します。これにより、丸めると各辺に約34ピクセルが残ります。編集者は、画像を横に引き伸ばすのではなく、意図的な背景を画像の周囲に使用できます。

同じ3:4の画像を全幅で1080 × 1920のキャンバスに入れると、合計で480ピクセルの垂直スペースが残ります。周囲のレイアウトを意図的に使用できますが、内部のパネルテキストは電話サイズでは小さすぎる場合があります。その場合は、すべての隙間をさらにコピーで埋めるのではなく、画像を簡素化するか、形式固有のバージョンを依頼してください。

Panelly Studioでは、生成前に会話の下に表示される形式から選択してください。宛先が必要だからといって、4:5オプションが存在すると仮定しないでください。生成される結果は1つの画像です。それを別のキャンバスに適応させるには、別のデザインエディターが必要になる場合があります。

実用的な配信チェック

  1. エクスポートされたファイルを、意図した配置と選択したアップロード設定に合わせます。
  2. 商品の比率をリファレンスと比較します。スペースを埋めるために引き伸ばさないでください。
  3. 通常の電話表示サイズで、見出しと最も小さい重要なテキストを読みます。
  4. トリミング後、すべてのパネルの端と最終的なアクションを検査します。
  5. インターフェースオーバーレイや自動調整を含む配置プレビューを確認します。
  6. 後で正しいファイルが使用されるように、各レイアウトに名前付きのエクスポートを保持します。

命名については、coffee-morning-feed-4x5-v1やcoffee-morning-story-9x16-v1のようなもので十分です。オファーや画像が変更された場合はバージョンを含めます。新しい価格のためにスクリーンショットからデザインを再構築する必要がないように、編集可能なソースをエクスポートと一緒に保管してください。

プレビューが間違っているように見える場合はどうすればよいですか?

まず、アップロードされたアセットの寸法と意図したキャンバスを比較します。次に、アカウントで選択した配置、トリミング、クリエイティブ調整を確認します。正しいソースファイルと誤った配置割り当ては、混乱を招く結果を生み出す可能性があります。

画像が完全に表示されているのにデザインがまだ弱いと感じる場合は、構図を検査してください。コピーが多すぎたり、商品が小さすぎたり、4つのパネルが混雑している場合は、ファイル拡張子を変更しても修正されません。意味のあるレイアウト修正を1つ行い、再度プレビューしてください。

他の広告主がプラットフォームのバグを報告したという理由だけで、ライブキャンペーンの編集を行うのは避けてください。まず、自分のアセットと設定で問題を再現してください。

FAQ

すべての配置に1つの画像を使用できますか?

試すことはできますが、結果として得られる各配置を検査してください。単純な中央に配置された商品は、端から端までのシーケンスよりも適応に耐える可能性があります。トリミングによってメッセージが変わる場合は、別の構図を準備してください。

3:4は4:5と同じですか?

いいえ。幅1080ピクセルの場合、3:4は高さ1440ピクセル、4:5は高さ1350ピクセルです。一方をもう一方に収めるには、トリミング、周囲にスペースを設けて拡大縮小、または再デザインが必要です。

ファイルが大きいほど鮮明な広告が保証されますか?

いいえ。ソースの詳細、圧縮、表示サイズも重要です。利用可能な最良のソースからエクスポートし、配信された画像を検査してください。寸法を大きくするだけでは、詳細を復元する方法ではありません。

情報源と参考文献

4コマで、ひとつの広告。

次の広告はここから始まります。

製品、その利点、ターゲット層を説明してください。Panellyで4コマ広告を作成しましょう。

作成を開始 ↗クレジットパックを見る