ヒーロー画像とは?

定義

ヒーロー画像は、Webページ、商品ページ、ストアのトップページの最上部に置く、大きくて目立つ画像です。訪問者が最初に目にするので、トーンを決め、主役の商品やメッセージをひと目で伝えます。

出品者にとって大切な理由

商品の場合、ヒーロー画像は通常ギャラリーの1枚目で、検索結果のサムネイルにもなります。小さなスペースでも商品全体がはっきり見える必要があります。雑然とした暗いヒーロー画像は、何かを読まれる前にお客様を逃しかねません。

ストアのトップページでは、ヒーロー画像がブランドの顔になります。ライフスタイルのシーンでも、コレクションの写真でも構いません。大きな画面でもシャープに見えるじゅうぶんな解像度と、見出しを重ねる場合は文字を置く余白が必要です。

Instasizeでの進め方

Instasizeなら、商品を切り抜いて、すっきりした背景や演出したシーンに置くことで、商品のヒーロー画像を作れます。

  1. 背景削除に商品写真をアップロードします。
  2. すっきりした背景を選ぶか、商品ステージングを開いて演出したシーンを選びます。
  3. ページやマーケットプレイスが求めるサイズにリサイズします。
  4. 画像をダウンロードし、小さく表示しても商品が見やすいか確認します。
背景を削除する

関連するInstasizeのページ

具体例

  • 出品の1枚目の写真

    出品者が、白背景に切り抜いた革の財布を、枠の大部分を占めるように見せます。検索結果の小さなサムネイルでも、はっきり見えます。

  • ストアのトップページのバナー

    石けんの作り手が、大理石の棚に並んだ石けんの横長のシーンを使い、左側に見出し用の余白を残しています。画像は、シャープさを保てる大きさで書き出します。

よくある質問

ヒーロー画像のサイズはどのくらいにすべきですか?

ページやマーケットプレイスによって異なります。プラットフォームの最新の画像ガイダンスを確認し、大きな画面でもシャープに見えるよう、じゅうぶんな大きさで書き出してください。

ヒーロー画像とメイン画像は同じですか?

商品ページでは、どちらも通常は1枚目の画像を指します。Webサイトでは、ヒーロー画像はページ最上部の大きなバナー画像のことです。

ヒーロー画像に文字を入れてもよいですか?

マーケットプレイスのメイン画像では、文字を禁止しているプラットフォームが多いので、ポリシーを確認してください。自社サイトでは、読みやすければ、ヒーロー画像に文字を重ねるのはよくあることです。

AIで作ったシーンをヒーロー画像に使えますか?

はい。自社ストアで使えますし、マーケットプレイスでも補助的な画像として使えます。マーケットプレイスのメイン画像に演出したシーンを使う前に、そのルールを確認してください。

すべての用語を見る