--- title: "カラーバリエーション画像：意味とマーケットプレイスのルール | Herofab" description: "商品の色ごとに用意する別々の画像です。マーケットプレイスは、これを出品の色の選択肢に紐づけます。" url: https://herofab.app/ja/glossary/colour-variant-images language: ja updated: 2026-11-06 --- # カラーバリエーション画像 商品の色ごとに用意する別々の画像です。マーケットプレイスは、これを出品の色の選択肢に紐づけます。 Herofab なら [カラーバリエーション](https://herofab.app/ja/tools/color-variants) ![コートをネイビーにした同じ写真で、モデルと街路はそのまま](https://herofab.app/img/ex/coat-navy-1100.webp) Herofab で作成 · カラーバリエーション 商品に複数の色がある場合、購入者は色を選ぶと写真が切り替わることを期待します。すべての色を撮影するとスタジオの時間が何倍にもなりますが、生地とディテールが忠実に保たれる限り、一枚の写真の色を変える方が速く済みます。 ここで最も重要なのは色の正確さです。画像は、顧客が受け取る色と一致している必要があります。 ## 出品でのカラーバリエーション画像の使われ方 色のある出品では、画像は二つの層に分かれます。一つの色の選択肢に割り当てた画像と、すべての選択肢で共有する画像です。購入者が色を選ぶと、ギャラリーはその色に割り当てた画像に切り替わります。割り当てのない画像はどの色でも表示されます。サイズ表ならそれで合いますが、特定の一色の商品が写った写真では誤解を招きます。 同じ紐づけは、商品ページの外でも働きます。マーケットプレイスやショップシステムのなかには、購入者が絞り込んだ色や検索した色の画像を表示するものがあり、検索結果で色ごとに別のタイルを表示するものもあります。どちらの場合も、各色の一枚目の画像がメイン画像の役割を果たします。下のルールの行で、いくつかのマーケットプレイスが公開している内容を引用しています。 ## すべての色でそろった一式 色を切り替えたときに色だけが変わり、ほかは何も変わらないのが、よくできた一式です。それには、どの色にも同じビューが同じ順で並び、商品が画面のなかで同じ大きさ、同じ位置にあることが必要です。構図が違うと、購入者が色を切り替えるたびに商品が跳ねるように見えます。 すべてのビューを全色でそろえる必要はありません。一枚目の画像と、正面、背面、生地のクローズアップのように色が重要なビューは、色ごとに必要です。寸法入りの図や構造の図解は、それ自体が色を示さないので、全色で共有できます。 ## カラーバリエーション画像で起きやすい誤り もっとも単純な誤りは、紐づけの間違いです。ある色の写真が別の色の選択肢に付いている、あるいは新しい色を出品に追加したのにその色の写真がない、というものです。これは、アップロードの画面を見るのではなく、公開されたページですべての選択肢を一つずつクリックして見つけます。 色替えで作った一式には、特有の誤りがあります。黒と白は難しい色です。ほかの色と色相だけでなく明度も違うため、変換の途中でしわや質感が失われやすいのです。白いソール、金属のバックル、配色ステッチのように色を保つべきパーツが、本体と一緒に染まることもあります。どちらも原寸では分かりますが、小さなプレビューでは見落とします。 > **Herofab なら** > > 同じ画像で、商品を別の色に。 > > [カラーバリエーション](https://herofab.app/ja/tools/color-variants) ## カラーバリエーション画像と関連用語の違い - **[カラーウェイ](https://herofab.app/ja/glossary/colourway):** カラーウェイは、一つの型の色違いの一つで、商品を企画する段階で決まります。カラーバリエーション画像は、出品でそれを表す写真です。この言葉が指すのは写真であって、商品ではありません。 - **[生地スワッチ](https://herofab.app/ja/glossary/fabric-swatch):** 生地スワッチは、商品を抜きにして素材だけを近くから見せます。カラーバリエーション画像はその色の商品全体を見せるので、スワッチでは分からない、色が形の上でどう見えるかに答えます。 - **![白いスタジオ背景に置かれた、ブラウンのレザートートバッグだけの正面写真](https://herofab.app/img/ex/tote-packshot-1100.webp) [メイン画像](https://herofab.app/ja/glossary/main-image):** メイン画像は出品の一枚目の画像で、もっとも厳しいルールが適用されます。色のある出品では、通常は色ごとに一枚目の画像があり、その画像にもメイン画像のルールが適用されます。 - **[商品画像の枚数](https://herofab.app/ja/glossary/number-of-images):** 商品画像の枚数は、マーケットプレイスが一つの出品に定める上限です。その上限が出品全体にかかるのか色ごとにかかるのかで、一色の一式に入れられるビューの数が決まります。 ## カラーバリエーション画像一式のチェックリスト - 公開されたページで、どの色の選択肢を選んでも、ギャラリーがその色の写真に切り替わります。 - どの色にも同じビューが同じ順で並び、色を切り替えても、商品の大きさと画面内の位置が変わりません。 - 各色の一枚目の画像は、その色だけを見せ、メイン画像に適用されるルールを満たしています。 - ソール、バックル、ラベル、配色ステッチなど、色が変わらないパーツは、どの写真でも実際の色をしています。 - 一式のなかでもっとも暗い色ともっとも明るい色でも、しわ、縫い目、生地の質感が見えています。 ## カラーバリエーション画像について、よくある質問。 **商品の色ごとに別々の写真が必要ですか？** 実務上は必要です。一色につき一枚の画像をその色の選択肢に紐づけることが購入者の期待であり、一部のマーケットプレイスの要件でもあります。すべての色を並べて見せる一枚の画像はその代わりにならず、色違いがセットとしてまとめて販売される場合を除き、それを一枚目の画像として認めないマーケットプレイスもあります。各色の画像は、その色だけを見せるべきです。 **全色を撮影する代わりに、一枚の写真の色を変えてもよいですか？** はい。色を変えたそれぞれの画像が、顧客の受け取る商品と一致していれば問題ありません。色の変更ではセット全体でポーズ、光、構図がそろいますが、光沢、ステッチ、付属は実際の色ごとに異なることがあるため、公開前にすべてのバリエーションを実物の色見本と見比べてください。Herofab の「カラーバリエーション」ツールは、用意された色から選ぶか、色見本の写真に合わせた別の色の商品で、同じ画像を作成します。 **購入者がバリエーションを選ぶと違う色が表示されるのはなぜですか？** たいていは、画像が色の選択肢に割り当てられていないか、間違った選択肢に割り当てられているためです。割り当てのない画像はすべての選択肢で表示されるので、色を選んでもギャラリーが変わりません。直すのは写真ではなく、出品のデータです。各画像をその色に紐づけ、そのうえで公開されたページですべての選択肢を試します。 **複数の色を、一式としてそろうように撮影するにはどうすればよいですか？** 商品以外のすべてを固定します。カメラは三脚に据えたままにし、光は動かさず、露出とホワイトバランスは手動で設定します。オートでは、カメラが服に反応します。黒い服では画面を明るくし、白い服では暗くするので、背景が写真ごとに変わります。テーブルやハンガーに印を付けておけば、どの商品も同じ位置に置けます。 **モデル着用写真は全色分必要ですか？** 必ずしも必要ではありません。大切なのは、ある色の選択肢で表示される写真に、別の色が写っていないことです。モデルを一色でしか撮影していない場合、その画像はその色だけに割り当て、ほかの色は商品だけのビューでまかないます。マーケットプレイスがあるカテゴリーで一枚目にモデル着用画像を求めている場合は、色ごとに一枚必要になります。 ## マーケットプレイスの記載内容。 2026年9月25日更新 - **Amazon:** 販売するすべての色に子商品のメイン画像が必要 [公式ページ](https://sellercentral.amazon.com/help/hub/reference/external/G200498950) - **Amazon:** 画像の色が販売する商品と一致している [公式ページ](https://sellercentral.amazon.com/help/hub/reference/external/G200498950) - **Shopee:** 各色など、主なバリエーションごとに写真を一枚 [公式ページ](https://seller.shopee.com.br/edu/article/2822/boas-praticas-de-fotos-para-anuncios) - **Amazon:** マルチパックとしてまとめて販売する場合を除き、一枚のメイン画像に複数のカラー展開は不可 [公式ページ](https://sellercentral.amazon.com/help/hub/reference/external/G200498950) 関連用語 [カラーバリエーション](https://herofab.app/ja/tools/color-variants) · [カラーバリエーション](https://herofab.app/ja/tools/color-variants) · [メイン画像](https://herofab.app/ja/glossary/main-image) · [sRGB 色空間](https://herofab.app/ja/glossary/srgb) · [カラーウェイ](https://herofab.app/ja/glossary/colourway) · [ホワイトバランス](https://herofab.app/ja/glossary/white-balance) · [生地スワッチ](https://herofab.app/ja/glossary/fabric-swatch) · [CMYK](https://herofab.app/ja/glossary/cmyk) · [コラージュ画像](https://herofab.app/ja/glossary/collage-image) · [色空間](https://herofab.app/ja/glossary/colour-space) · [色補正](https://herofab.app/ja/glossary/colour-correction) · [グレーカード](https://herofab.app/ja/glossary/grey-card) · [すべての色の商品写真：バリエーションごとに一枚](https://herofab.app/ja/guides/product-photos-for-every-colour) · [すべての用語](https://herofab.app/ja/glossary/) 無料ツール [商品写真チェッカー](https://herofab.app/ja/tools/product-photo-checker) [マーケットプレイス画像リサイズ](https://herofab.app/ja/tools/marketplace-image-resizer) [画像圧縮](https://herofab.app/ja/tools/image-compressor) [AI画像ラベルチェッカー](https://herofab.app/ja/tools/ai-image-checker)