ブログに戻る

How to Change Photo Background to Any Color (White, Blue, Black, More)

A simple workflow to remove the original background and add any solid color for e-commerce, profile photos, and ad creatives.

2026年3月22日6分で読めますEコマース

著者 nobackground team · 最終更新 2026年3月22日

Changing background color is a high-impact edit for product listings, passport photos, and ad creatives. The cleanest method is remove first, then recolor.

Step 1: Create transparent cutout

Upload your photo to nobackground tool and export PNG with transparency.

Step 2: Add target color

In Canva, Figma, or Photoshop, place a color layer behind the transparent subject. For marketplace workflows, white is the safest default. If your source has white spill, use Remove White Background first.

Step 3: Export by destination

  • Marketplaces: usually white JPG.
  • Ads/social: color variants for A/B testing.
  • Design systems: keep transparent PNG master files.

Color strategy tip

Use neutral backgrounds for catalogs and stronger brand colors for campaign creatives. Consistency often matters more than novelty.

用途別によく使われる背景色

純白(#FFFFFF)は、購入者がカタログとして期待する見た目に合うため、ほとんどのマーケットプレイスで既定の背景色として使われています。ライトグレー(#F2F2F2程度)は、純白の強いコントラストを和らげつつ、それでも中立的な印象を保てる代替色としてよく使われます。SNS広告の場合、ブランドカラーの背景は、情報が溢れるフィードの中で目を引きやすいため、無地の白やグレーよりも成果が上がる傾向があります。ただし結果はターゲット層や商品カテゴリーによって変わるため、両方を試す価値があります。

全体に公開する前に色を確認する

新しい背景色をカタログ全体に適用する前に、まずは商品の中でも特に明るい商品と暗い商品を含む、いくつかの代表的な商品に対して試してみましょう。暗い商品には映える色でも、色の薄い商品では色が飛んでしまうことがあります。1色がすべてに通用すると決めつけるのではなく、いくつかのSKUで簡単な目視チェックを行う価値があります。

よくある質問

SNSも含めて、どこでも同じ背景色を使うべきですか?
必ずしもそうではありません。マーケットプレイスでは白背景が必須または強く推奨されることが多い一方、SNSや広告用のクリエイティブは、ブランドカラーや季節に合わせたバリエーションのほうが成果が出やすい傾向にあります。

後から色を変更しやすいように元ファイルを保持する一番簡単な方法は?
背景色を追加する前の透過PNGをマスターファイルとして保管しておきましょう。そうすれば切り抜きの工程をやり直すことなく、いつでも新しい色を追加できます。

コントラストと視認性への配慮

商品ページやデザインで背景色の上にテキストや価格バッジを表示する場合は、背景色と商品自体の相性だけでなく、背景色と上に重ねるテキストとのコントラストも確認しましょう。商品自体は綺麗に見えても、価格が読みにくい背景では、写真自体の見栄えが良くてもコンバージョンに悪影響を与えてしまいます。

商品ラインナップ全体で背景色を統一する

同じ商品を複数のカラーバリエーションで販売している場合、バリエーションごとに補色を選ぶよりも、ライン全体で背景色を統一するほうがプロフェッショナルな印象を与えやすくなります。サムネイルを一覧で見る購入者は、掲載ごとに背景が同じであれば、商品自体の違いだけに注目できるため、より速く商品を見比べられます。

まとめ

写真の背景色を変える作業は、確実に行うなら2つの工程に分けられます。まず透過切り抜きを作成し、その後、普段使っているエディタでその背後にベタ塗りの色レイヤーを配置します。透過版を永続的なマスターファイルとして保管しておけば、元の被写体には一切触れることなく、後からプラットフォームやキャンペーンごとに背景色を更新できます。

自分で試してみませんか?

登録不要で無料で画像の背景を削除できます。

nobackgroundを無料で試す

関連記事