商品写真の背景を白にする
商品写真の背景を白にする作業は、ECの出品でいちばん数が多く、いちばん後回しにされがちな工程です。審査で差し戻される理由も、撮った写真を広告に流用しづらい理由も、たいていはここにあります。この記事では、なぜ白背景が求められるのか、輪郭に白いフチが出る原因、そして透過PNGと白背景の使い分けを整理します。
マーケットプレイスが白背景を求める理由
理由は3つあります。
- 一覧が揃って見える:検索結果やカテゴリページには何十件もの商品が並びます。背景がばらばらだと、商品の良し悪しより先に雑然とした印象が立ち、視線が分散します。
- 切り抜きを使い回せる:白背景の写真は、そのまま広告バナー、比較表、カタログ、SNS投稿に転用できます。生活感のある背景で撮った写真は、その1か所でしか使えません。
- 商品が主役になる:背景の色や小物が消えると、形・素材・色だけが残ります。サイズ違いや色違いを並べたときの比較もしやすくなります。
実務的な利点もあります。白背景に統一しておくと、あとから撮り直した商品だけを差し替えても、一覧の見た目が崩れません。撮影の時期や場所が違っても、仕上がりが揃うからです。白背景は見栄えの問題ではなく、1枚の写真を資産として何度も使うための下ごしらえだと考えてください。
各サイトが求める条件の共通点
要件はサイトごとに違い、同じサイトでもカテゴリによって変わります。出品する前に、そのサイトが公開している画像ガイドラインを必ず確認してください。そのうえで、どこでもほぼ共通しているのは次の点です。
- メイン画像の背景は純白、または限りなく白に近い無地。
- 商品が画面の大部分を占め、余白を取りすぎない。
- ロゴ、透かし、価格や「送料無料」などの文字を重ねない。
- 拡大表示に耐える解像度。小さな画像を引き伸ばしただけのものは輪郭がぼやけます。
- 実物と違う色に加工しない。返品やクレームの原因になります。
サブ画像(2枚目以降)は、多くのサイトで条件がゆるくなります。使用シーン、サイズの比較、素材のアップなど、背景のある写真はここで使ってください。白背景が必須なのは、たいていメイン画像だけです。また、要件は改定されます。半年前に作った画像が今の基準に合っているとは限らないので、出品を大きく増やす前に一度見直しておくと安全です。
元の写真の解像度が足りないときは、切り抜く前に画像拡大でピクセル数を増やしておくと、輪郭の判定も安定します。
白いフチ(ハロ)が出る理由
切り抜いた商品の周りに、うっすら白や灰色の線が残ることがあります。原因はほぼ一つで、輪郭を小さく縮小した画像の上で判定し、その結果を元のサイズに引き伸ばしていることです。判定が長辺1000ピクセルほどで行われていれば、4000ピクセルの写真に戻したとき、境界は数ピクセル分ぼやけます。そこに元の背景の色が混ざったまま残るのが、あのフチの正体です。
黒い背景で撮った白い商品、逆光で撮った髪や毛足の長い素材では特に目立ちます。防ぐには、輪郭を元の解像度で計算し直すこと、そして境界のピクセルから背景の色を差し引いて前景の色を推定することが必要です。背景削除はBiRefNetで被写体を分離したあと、この2つを実際の解像度で行うため、髪の1本や透けた生地も、白いフチを残さずに切り抜けます。
撮影の段階でできる予防もあります。商品と背景に明度の差をつけておくことです。白い商品を白い背景で撮ると輪郭の手がかりが減り、どんな方法でも境界があいまいになります。グレーの背景紙を1枚用意しておくだけで、切り抜きの精度は目に見えて変わります。
透過PNGと白背景の使い分け
迷ったら、まず透過PNGで保存しておくのが得です。透過さえあれば、あとから白にも、ブランドカラーにも、グラデーションの上にも置き直せます。白で塗りつぶした画像から透過に戻すことはできません。
- 透過PNG:サイトが透過を受け付ける場合、広告やバナーに使う場合、複数の色違いを1枚に並べる場合。
- 白背景のJPG:メイン画像に単色の背景を求められる場合。純白(#FFFFFF)を指定すれば、サイト側の白地に自然に溶け込みます。
- 任意の色:ブランドの背景色に合わせたいときは、16進数で色を指定できます。
書き出しの形式にも注意してください。JPGには透過を記録する仕組みがないため、透過のある画像をJPGで保存した時点で、背景は白や黒で塗りつぶされます。透過を残したいときは必ずPNGを選びます。
透過PNGは容量が大きくなりがちです。出品用に書き出したら、画像圧縮で軽くしてからアップロードすると、商品ページの表示も速くなります。圧縮は無料で、クレジットも使いません。
Airpicでの手順
- 背景削除を開き、商品写真をアップロードします。JPG・PNG・WebP・TIFF・HEIC・AVIFに対応しているので、スマホで撮ったHEICもそのまま読み込めます(形式の選び方はHEICをJPGに変換するを参照してください)。
- 背景を選びます。透明・白・黒に加えて、「色を選ぶ…」から16進数で指定できます。
- プレビューで輪郭を確認します。結果の表示は無料なので、納得できるまで設定を変えて試せます。
- ダウンロードします。フルサイズのダウンロードは月1回無料、それ以降は有効期限のないクレジットを使います。
アップロードしたファイルはダウンロードの1時間後、遅くとも1日以内にEU内のサーバーから削除され、学習に使われることはありません。アカウントを作る必要もないので、在庫の入れ替えのたびにブラウザで開けば済みます。
同じ商品を色違いで何点も出品するなら、撮影の条件を揃えておくと切り抜きの結果も揃います。照明、距離、角度を変えずに撮った写真は、一覧に並べたときの印象が安定します。
FAQ
髪や毛足の長い素材もきれいに抜けますか?
はい。ほつれた髪や毛足の長い生地は硬く切り落とさず、半透明として残します。チュールやレースのような透ける素材も、背景を透かしたまま切り抜きます。
商品の影は残せますか?
影は背景の一部として扱われるため、基本的に消えます。柔らかい影が欲しいときは、透過PNGで書き出してから編集ソフトで付け足すのが確実です。
透過PNGをそのまま出品に使ってよいですか?
サイトが透過を認めていれば問題ありません。ただし表示側の背景が白でない場合、意図しない見え方になることがあります。メイン画像は白で塗りつぶしたもの、広告やバナーには透過PNG、と使い分けるのが安全です。
何枚もまとめて処理できますか?
1枚ずつ処理する形です。アカウント登録もアプリのインストールも不要なので、ブラウザを開いたまま続けて流せます。圧縮だけは完全無料なので、書き出したあとの軽量化は枚数を気にせず行えます。
あわせて読みたい
HEICをJPGに変換する
iPhoneのHEICがフォームで弾かれる、Windowsで開けない。画質を落とさずJPGに変換する手順と、JPG・WebP・AVIFの選び分けを解説します。
スキャンした古い写真を修復する
色あせたプリントをスキャンしてAIで修復。解像度の決め方、ノイズ除去→顔→カラー化という順番、参照写真と忠実度の使い方をまとめました。