商品ページの背景はどれを選ぶか:白、色付き、ライフスタイル
商品ページの背景はどれを選ぶか:白、色付き、ライフスタイル
背景選びは、商品ページのビジュアルの土台です。背景は色ではなく、商品をどう見せ、どのプラットフォームの審査を通し、カタログ全体をどれだけ一貫させるかを決めます。この記事では、白がなぜ標準になったのか、いつ色付き・グレー・グラデーション・ライフスタイル・質感の背景を使うのか、ニッチごとにどんな組み合わせが機能するのか、そして現物の背景で撮るのと加工で背景を置き換えるのとをどう使い分けるかを整理します。
白背景:なぜ標準になったのか
商品撮影で白背景が業界標準になったのは偶然ではありません。客観的な利点があります。
- 中立性。 白は商品の色と争わず、余計な色かぶりを落とさず、素材の見え方を歪めません。
- どのプラットフォームとも相性がよい。 白はどこでも審査を通りますが、メイン写真の色付き背景は許すプラットフォームばかりではありません。
- 検索結果でのシームレスさ。 マーケットプレイスの一覧では、白背景の商品ページがインターフェースに溶け込み、きれいな一列に見え、商品が浮いているように見えます。
- 量産のしやすさ。 何百点も同じ白で撮るほうが、それぞれに合う背景を選ぶより簡単です。
純白と白の色味とは
白にも色々あります。作業では、初心者が混同しがちな3つの異なる概念が出てきます。
- 純白(RGB 255,255,255)。 一切の色味のない完全な白いピクセル。プラットフォームがメイン写真に求めるのはたいていこれです。この背景はインターフェースに完全に溶けます。
- ほぼ白(250から254あたり)。 ごく薄いグレーで、目には白と映りますが、わずかな質感と商品の下の柔らかい影を残します。焼き付いた255より自然に見えることが多く、厳密な255を求められない場所で許されます。
- 暖色または寒色の白。 撮影時のホワイトバランスが狂うと、背景が黄ばみや青みに転びます。これは不良です。隣の商品ページと並ぶと汚れて見えます。
255と250の差はささいに思えますが、何十点も並ぶギャラリーでは一目で分かります。一方が純粋な255、もう一方がグレーがかった245なら、たとえ商品自体が良くても後者は見劣りします。
純白か、ほぼ白か
ここに写真家が議論する微妙な点があります。完全な255,255,255は商品の下の影を完全に消し、商品が不自然に貼り付いて見えることがあります。そこで多くの人は柔らかい影と252から254あたりの背景を残し、影の外側の背景だけを255まで持っていきます。こうすればプラットフォームの要件(主要な面が白)を満たしつつ、商品が空中に浮かず面に立ちます。
プラットフォームが例外なく255を求めるなら、影を完全に消すか、商品の下に丁寧なデザインの楕円の影を置き換えます。これはもう撮影ではなく加工の問題です。
メイン写真の背景に対するプラットフォームの要件
プラットフォームの要件は重なりますが、一語一句同じではありません。以下は主なマーケットプレイスの要点です。表現はプラットフォームが折々更新するので、大量アップロードの前に各プラットフォームの最新ヘルプで確認すべきですが、大筋の論理は安定しています。
| プラットフォーム | メイン写真の背景 | コメント |
|---|---|---|
| 楽天市場 | 白または明るい均一な背景。物撮りとモデル写真が許される | 商品にピント、競合の余計な物やロゴなし。一部カテゴリではメインに事実上白が必須。 |
| Amazon | メインは白または単色の明るい背景 | 衣類・靴のカテゴリはモデル着用も許される。多くの商品でメイン枠はテキストとインフォグラフィックのないクリーンな背景を求める。 |
| Yahoo!ショッピング | メイン画像は白背景 | 1枚目に厳しい要件。透かし、テキスト、余計な物なし。インフォグラフィックは追加枠へ。 |
| 追加写真(全プラットフォーム) | 自由:インフォグラフィック、ライフスタイル、質感、色 | ディテール、使用、寸法、付属品を見せる場所。メインより制約は緩い。 |
表からの結論はシンプルです。メイン写真は白または最大限に中立、それ以外はすべて追加枠へ。 インフォグラフィックやテキストを1枚目に詰め込もうとしないこと。よくある却下理由です。
メイン写真の共通禁止事項
プラットフォームを問わず、メイン写真ではほぼ常に次が禁止されます。
- 透かし、他社メーカーのロゴ、出品者の連絡先。
- テキスト、書き込み、インフォグラフィック、値札、割引ステッカー。
- 余計な物、付属品に含まれない小道具。
- 1枚に複数カットをまとめたコラージュ。
- 枠、色付きのグラデーション下敷き、装飾的なビネット。
グレー、色付き、グラデーションの背景
白が必要なのは常に、どこでも、というわけではありません。メイン枠の外や特定のニッチでは、他の選択肢がよく機能します。
薄いグレー背景
グレーは2番目に人気の中立な下敷きです。白より柔らかく、白背景で輪郭を失う白や極めて明るい商品をよく見せます。白いワンピース、白いスニーカー、明るい化粧品は純白では背景に溶けますが、薄いグレーでははっきりしたシルエットを得ます。グレーは照明の細かな粗も許し、ムラが目立ちにくいです。
色付き背景
色付きの下敷きは、中立な撮影ではなく、すでに商品ページのデザイン要素です。追加写真とインフォグラフィックで、次の目的に使われます。
- ブランドのイメージカラーを支え、カタログを見分けやすくする。
- 商品とのコントラストを作る(明るい色付き背景に暗い商品、濃い背景に明るい商品)。
- 雰囲気を決める。化粧品やベビー用品にパステル、プレミアム帯に深く暗いトーン。
背景の色が商品の色を歪めず、争わないことが重要です。赤い商品を赤い背景に置くと染みになります。色は当てずっぽうではなく、コントラストと調和で選びます。
グラデーション背景
グラデーション(あるトーンから別のトーンへの滑らかな移行)は立体感を足し、商品を面から柔らかく引き離します。定番は上を明るく下をやや暗く、スタジオ照明を模して商品に接地感を与える手法です。グラデーションはインフォグラフィックやバナー表紙に向きますが、メイン写真では通常通りません。もはや均一な背景ではないからです。
インフォグラフィックの背景
インフォグラフィックとは、下敷きの上に引き出し、アイコン、数字、メリット、寸法、成分を配置した追加写真です。その背景は撮影用とは別のルールに従います。
- 落ち着いて明るい。 背景がテキストと商品から注意を奪ってはいけません。通常は明るいトーン、柔らかいグラデーション、軽い質感です。
- テキストとの十分なコントラスト。 明るい背景に暗い文字、または暗い背景に明るい文字。文字が埋もれる中間は避けます。
- カタログ全体で統一。 インフォグラフィックの背景スタイルが揃っていると、ギャラリーがまとまって見えます。
インフォグラフィック用の商品は、デザインの下敷きに自由に置けるよう、ほぼ常に撮影背景から事前に切り離します。これが後述する切り抜きの作業です。
ライフスタイル背景:環境のなかの商品
ライフスタイルとは、商品を実際の使用シーンで撮ることです。盛り付けた食卓の食器、インテリアの椅子、ドレッサーの化粧品、街のカットのなかでモデルが着た服。この背景は、商品ではなく、それとともにある暮らしのシナリオを売ります。
ライフスタイルが効くとき:
- 白背景の写真では商品の大きさや使い方を想像しにくい。
- 商品が感情やライフスタイルに関わる(装飾、テキスタイル、アクセサリー、化粧品)。
- インテリアでの組み合わせやセットを見せたい。
ライフスタイルはメインではなく追加枠に置きます。環境の背景は商品を支えるべきで、争ってはいけません。散らかっていない整ったカットで、商品が主役であり続け、十分なスペースを占めるようにします。
質感背景:木、コンクリート、布、石
質感は、カットに物質感と雰囲気を与える別クラスの背景です。木、コンクリート、リネン、大理石、クラフト紙が、ニッチに合わせた舞台装置として働きます。
- 木。 暖かく心地よく、食品、キッチン用品、クラフトやエコ商品、手作り化粧品によく合います。
- コンクリートと石。 硬質でミニマル、テクニカル。ガジェット、工具、メンズ化粧品、無骨なスタイルのアクセサリーに。
- 布とリネン。 柔らかく触感のある背景。テキスタイル、ジュエリー、香水、住まいの商品に。
- 大理石。 プレミアムで清潔。化粧品、アクセサリー、菓子によく使われます。
質感背景はほぼ常に追加写真に回します。メインでは、プラットフォームが厳密な白を求めない所でまれに許される程度です。質感の最大のリスクは注意を奪うこと。それは下敷きであって主役ではなく、抑えめで、わずかにピントを外し、商品の隣に鋭く派手な要素を置かないようにします。
どのニッチにどの背景か
万能の背景はありませんが、機能するニッチと背景の安定した組み合わせがあります。
衣類と靴
メイン写真は白か薄いグレー、またはモデル(プラットフォームがメイン枠で物撮りとモデル写真を許す場合)。薄いグレーは白に沈む明るい服を救います。追加枠はモデルのライフスタイル、生地と縫い目のアップ、サイズ表のインフォグラフィック。
化粧品と香水
メインは純白で、ラベルと製品の色が読めるように。追加はパステルや色付きの下敷き、大理石、水と水滴、質感のスウォッチ。ここでは背景が雰囲気とプレミアム感を積極的に作ります。
食品と食料品
メインはパッケージの明瞭さのために白。追加は木や石の質感、盛り付け、フレーム内の食材、完成した料理のライフスタイル。暖かい質感は無菌の白より食欲をそそります。
家具と住まいの商品
メインは白かごく明るい背景で、形と寸法を見せる。追加は必ずインテリアのライフスタイル。買い手は大きさと部屋への収まりを見ることが重要だからです。寸法のインフォグラフィックがここでは特に大事です。
ジュエリーと時計
メインは白かごく明るい中立色で、金属と石が読めるように。追加は暗いベルベットや布の下敷きで、輝きと面を強調します。ジュエリーはテカリと映り込みで最も難しいニッチで、ここでは背景と光が対で働きます。
電子機器とガジェット
メインは純白。追加は暗い背景、コンクリート、テクニカルなグラデーション、仕様と端子のインフォグラフィック。暗い背景は機器をプレミアムに見せます。
現物の背景か、加工での背景除去か
必要な背景を得る道は原理的に2つあり、その選択が工程全体を決めます。
最初から必要な背景で撮る
商品を現物の白(ホリゾント、シームレス紙、ライトキューブ)に置いて撮ります。利点:自然な影と映り込み、面との正直な接地、後処理が最小。難点:スタジオ、光、丁寧さが要り、わずかな汚れや折れ皺もカットに写り、背景ごとにセットを組み直す必要があります。
どんな背景で撮って加工で置き換える
商品を撮りやすい背景で撮り、そこから切り離して純白やデザインの下敷きに置きます。これが切り抜きと背景除去の作業です。利点:最終背景を完全に制御でき、同じカットをメイン用に白、インフォグラフィック用に色付きの下敷きへ置けて、カタログ全体を単一の理想的な背景に揃えやすい。難点:仕上がりが切り抜きの丁寧さに依存し、複雑な物(毛皮、髪、透明ガラス、網目)は手作業が要り、さもないと汚い、あるいはギザギザの輪郭が出ます。
実務では、マーケットプレイス向けのプロの工程はほぼ常に両方を組み合わせます。制御された背景で撮り、最終の白とインフォグラフィックを加工で仕上げる。こうして自然な影と完璧な背景の清潔さの両方を得ます。単発写真の素早い背景置き換えにはオンラインツールが使え、細部が重要なフルセットのカタログには手作業の切り抜きが向きます。
現物の背景の素材
加工で置き換えるのではなく現物の背景で撮るなら、下敷きの素材がカットの質と後のレタッチ量の両方を決めます。選択肢はただの白い紙より広いです。
- 紙背景(ロール)。 白で最も一般的。安く、均一なマットのトーンを与え、シームレスな弧に巻きやすい。難点はしわ、汚れ、端の破れ。汚れた部分は洗うより切り取るほうが簡単です。
- プラスチックとPVC。 マットのプラスチック板は洗え、しわにならず、長持ちします。机上の小物撮りに向きます。半光沢PVCは商品の下に美しい柔らかな反射を作りますが、テカリの制御が要ります。
- 布。 布背景(モスリン、ベロア、ベルベット)はテカらず、光を深く吸います。暗いベルベットはジュエリーと光沢の定番。難点はカットに写る折れ皺と毛羽で、スチームがけが要ります。
- ガラスとアクリル。 透明またはマットの面で、商品の反射を伴う撮影(家電や化粧品で人気の手法)や、ライトキューブでの下からの照明に。
- 自然の質感。 木の板、コンクリート板、石のスラブ、クラフト厚紙、リネン。ライフスタイルや質感の追加写真に物質感を与えます。
共通ルール:現物の背景がきれいで平らなほど、後のレタッチは減ります。スチームをかけた布、拭いたプラスチック、新しい紙の切り出しは、大きなカタログで何時間もの加工を節約します。汚れたりしわの寄った背景は、カットごとに手で清掃することになります。
背景を含むカットの技術パラメータ
背景は色だけでなく、その背景に対して商品がフレーム内にどう配置されるかでもあります。審査も印象も、この幾何に左右されます。
- 商品まわりの余白。 商品はフレームの端に突き当たらず、空白に埋もれもしないこと。商品まわりの快適な背景の余白は、フレームの一辺の10から15パーセント程度。この余白が空気と、各種フォーマットへの後のトリミングの余地を与えます。
- フレームの占有率。 商品は面積の主要部、通常70から85パーセントを占めるべきです。小さすぎる商品は迷子に、大きすぎると見切れて見えます。
- 縦横比。 プラットフォームごとに要件があり、商品ページには縦か正方形が多いです。端に背景の余裕を持たせて撮り、商品を失わずに必要な比率へトリミングできるようにします。
- 解像度。 背景と商品は、拡大しても商品ページが鮮明であるよう十分な解像度で。背景の細かなノイズや粒状感は、拡大すると純白を汚れた粒に変えます。
- 中央配置。 メイン写真の商品は通常、傾きや水平の狂いなく、まっすぐ中央に置きます。これはカタログのきれいな統一感の一部です。
色が完璧な背景でも、傾いた、あるいは見切れた商品は台無しにします。ですから背景と構図は別々ではなく、一緒に考えます。
シームレス背景:それは何か、なぜ必要か
シームレス背景とは、垂直の壁と水平の床の継ぎ目の線が見えない背景です。通常はロールの紙や布を、壁から机や床へ滑らかな弧で下ろします。滑らかな曲がりのおかげで光が鋭い境目なく分布し、商品の後ろに暗い地平線の線ができません。
なぜ必要か:
- カットごとにレタッチする必要が出る継ぎ目の線を消す。
- 平らな壁の代わりに均一なグラデーションを与え、商品に柔らかな立体感を出す。
- 加工を速める。きれいで均一な背景は255まで持っていきやすい。
小物では、ライトキューブや半透明の湾曲した面を持つ物撮り台がシームレス背景の役を果たします。大物では、スタンドに固定した幅1.5メートル以上のロール紙を使います。
背景からの影と映り込みへの対処
背景は光と切り離せません。完璧な白背景でも、誤った影や余計な反射が台無しにします。
商品の下の影
影は味方であり敵でもあります。柔らかい自然な影は商品に接地感と立体感を与えます。縁のギザギザした硬く暗い影は不良に見え、白255への到達を妨げます。影は次のように制御します。
- 裸の光源ではなく拡散光(ソフトボックス、アンブレラ)で影を柔らかく。
- 別光源やレフ板で背景を照らし、影を明るく。
- 下や横のレフ板や白い紙で、商品の下の影を起こす。
- 加工で影を明るくするか、丁寧な楕円に完全に置き換える。
映り込みと余計な色味
色付きの背景や周囲が、商品に色の反射を落とします。青い壁は白い箱を水色に、木の机は黄色に染めます。白背景ではこれが目立ちにくく、だから正確な色再現に便利です。対処:撮影時に中立な周囲、正しいホワイトバランス、光沢のテカリ制御用のフラッグと黒いカード。
光沢面と鏡面のテカリ
ガラス、金属、ラッカー、アクセサリーは、光源や撮影者自身を含む周囲すべてを映します。ここでは背景と光は不可分です。ライトキューブ、偏光フィルター、黒と白のカードを使って制御された反射を作ります。残ったテカリはレタッチで消します。
白背景を露出オーバーにせず撮る
初心者のよくある失敗は、白背景を焼き付けすぎて、一緒に商品の明るい縁まで飛ばすことです。白や明るいディテールが露出オーバーの背景に溶け、輪郭が消えます。これを防ぐには:
- 背景の光と商品の光を分ける。 背景は別光源で照らし、商品は自前の光で。そうすれば商品を焼かずに背景を白に出せます。
- 背景を商品より少しだけ明るく、ただし焼かない。 撮影では245から250あたりで十分。最終の255は加工で商品に触れずピンポイントに仕上げます。
- ヒストグラムを制御する。 右端が商品の輪郭から十分に離れて壁に当たっていれば、背景は白でディテールは無事です。
- 商品を背景にぴったり付けない。 余白は再反射を減らし、加工での切り離しを楽にします。
背景を純粋な255に出すのは、撮影よりも加工のほうが安全です。エディターでは背景だけを持ち上げ、輪郭と商品の明るいディテールは無傷のまま。撮影で焼き付けたカットはもう復元できません。
切り抜きと背景の差し替え
切り抜きとは、輪郭に沿って商品を背景から正確に切り離すことです。その質が、新しい背景で商品がどう見えるかを直接左右します。
- 単純な輪郭(箱、ボトル、本)は、自動ツールでも速くきれいに切れます。
- 複雑な輪郭(毛皮、髪、羽、レース、網目、ストラップ)は、マスクの手作業が要り、さもないと新しい背景でにじみやギザギザの縁が出ます。
- 透明・半透明の物(ガラス、ベール、プラスチック)は最難関です。背景が商品を透けて見えるべきで、単純な切り抜きは死んだ生気のない画になります。
切り抜き後、商品を必要な下敷きに置きます。メインには純白、追加には色付きや質感、仕様にはインフォグラフィック。丁寧に切り離した1カットがギャラリー全体をまかないます。切り離しの技術の詳細は切り抜きの解説記事を、自動の方法は背景除去のセクションを参照してください。
背景でよくある失敗
- 白ではなくグレー。 カメラの画面では白に見えても、ギャラリーで競合のきれいな商品ページと並ぶとグレーに転びます。スポイトでRGB値を確認しましょう。
- ホワイトバランスによる色味。 背景が黄や青に転び、カタログ全体が汚れて見えます。グレーカードでホワイトバランスを取ります。
- メイン写真のインフォグラフィックとテキスト。 審査却下の典型。すべて追加枠へ。
- 硬いギザギザの影。 不良に見え、白への到達を妨げます。光を柔らかくするか、加工で影を置き換えます。
- カタログ内の背景のばらつき。 各ページが別々の背景では、カタログが雑に見えます。すべて単一の基準に揃えましょう。
- 雑な切り抜きによるにじみ。 粗い切り抜き後の輪郭の明るいまたは暗い縁取り。複雑な縁は手作業のマスクのみで。
- 輪郭を食った露出オーバーの背景。 明るい商品が焼き付いた白に溶けています。背景と商品の光を分けます。
- 散らかったライフスタイル。 小道具が注意を奪い、商品が迷子に。商品をカットの主役に保ちます。
背景の選び方:短いアルゴリズム
- 枠を決める。メイン写真か追加か。メインは白または最大限に中立、テキストと小道具なし。
- あなたのカテゴリのプラットフォーム要件を確認する。衣類と靴はモデルを許すことが多く、家電と化粧品は純白を求めます。
- 商品の色と素材を考慮する。明るい・白い物は薄いグレーで、光沢・鏡面は制御された光とライトキューブで見せます。
- 追加写真はニッチに合わせて選ぶ。食品とエコに質感、家具とテキスタイルにライフスタイル、家電とプレミアムに暗い背景。
- 背景で撮るか加工で変えるかを決める。フルセットのカタログは組み合わせる。制御された撮影プラス、白の仕上げとインフォグラフィックを加工で。
- カタログ全体を単一の背景基準に揃え、商品ページが一つのブランドとして読めるようにする。
商品ページの背景チェックリスト
- メイン写真は白または明るい均一な背景、テキスト・ロゴ・小道具なし。
- 背景をスポイトで確認。主要な面がRGB 255,255,255に近く、黄ばみや青みなし。
- 明るい商品は、白で輪郭を失うなら薄いグレーで撮影済み。
- 商品の下の影は柔らかく自然、または加工で丁寧に置き換え済み。
- 光沢と金属のテカリと映り込みを光とカードで制御済み。
- 商品の輪郭はにじみなくきれいに切り離し、複雑な縁は手作業。
- インフォグラフィック、ライフスタイル、質感は追加枠へ。
- 背景がカタログ全体で統一され、検索結果で一列に見える。
背景を自分で扱う時間がなく、カタログが大きい場合は、背景の切り離し、白の255への仕上げ、全商品ページの単一基準への統一を加工に出すこともできます。手作業の切り抜きと、プラットフォーム要件に合わせた色補正が、この一連の作業をまかないます。撮影段階での背景選びの詳細は、商品撮影の背景を扱った別記事を参照してください。
よくある質問
すべてのプラットフォームで純白255の背景は必須か
すべてで一語一句同じではありません。純白の要件は、一部のプラットフォームやカテゴリで最も厳しくなります。多くのプラットフォームは、柔らかい影のある白に近い明るい均一な背景を受け入れます。ただし白255はどこでも安全で、背景を理由に却下されることはないので、標準として採用されます。
メイン写真に色付き背景を置けるか
原則いいえ。メイン枠はほぼ常に、テキストや装飾のない白か中立の明るい背景を求めます。色付き背景、グラデーション、質感は追加画像に配置します。一部のカテゴリやプラットフォームで例外はありますが、各マーケットプレイスの最新ヘルプで確認が必要です。
白背景と薄いグレーの違いは、どちらを選ぶか
白は中立でインターフェースに溶けますが、明るい・白い商品は輪郭を失います。薄いグレーは明るい物にはっきりしたシルエットを与え、光の粗を許します。暗い・色付きの商品には白を、白い・極めて明るい商品には追加写真で薄いグレーを。メインはいずれにせよプラットフォーム要件に沿って白に揃えます。
最初から白で撮るのと加工で背景を変えるのはどちらがよいか
組み合わせるのが最適です。自然な影のために制御された背景で撮り、最終の白とインフォグラフィックを加工で仕上げる。露出オーバーなしに最初から理想の255で撮るのは技術的に難しく、加工での背景置き換えは完全な制御を与え、1カットからメイン写真もインフォグラフィックも作れます。
なぜ私の白背景で商品が検索結果でグレーに見えるのか
背景が純白まで仕上がっていないか、ホワイトバランスが狂っている可能性が高いです。カメラの画面では白に見えても、値は240から248でわずかな色味があります。純粋な255の競合と並ぶとグレーに転びます。背景をスポイトで確認し、必要なら商品に触れず加工で255まで持ち上げましょう。
背景の硬い影をどう消すか
撮影ではソフトボックスで光を拡散し、別光源やレフ板で背景を照らす。加工では影を明るくするか、商品の下の柔らかい楕円に置き換える。影を完全に消す必要は必ずしもありません。軽い柔らかい影は商品に接地感を与え、空中に浮く商品より自然に見えます。
ジュエリーと光沢商品にはどんな背景を選ぶか
メインは白かごく明るい中立色で、金属と石が読めるように。追加は輝きを強調する暗いベルベットや布の下敷き。鍵となる難しさは背景ではなくテカリと映り込みです。制御された光、ライトキューブ、偏光フィルター、反射のレタッチが要ります。
メインと追加で別々の背景が必要か
はい、それが普通です。メイン写真はプラットフォーム要件に合わせて白か中立。追加枠はインフォグラフィック、ライフスタイル、質感の場所で、制約は緩いです。この使い分けは審査を通り、単一背景の単調なギャラリーより商品を十分に見せられます。