マガジン

商品写真の背景をAIで白抜きにしてEC用に整える手順と、影を残すかの判断

AIを使いこなす

Claudeで執筆し、GPTで自動校閲・修正しています。

白い台に置かれ、足元に薄い接地影がある陶器の商品
記事の内容をもとに制作したAI生成イメージです。実際の製品画面や検証結果の写真ではありません。

結論から言うと、背景の白抜きは「切り抜き → 縁の確認 → 白背景に配置 → 影の判断」の順で進めるのが安全です。影は次のように判断します。 • 元の影が自然に残っていて、地面の色も白に近ければ、残します。 • 切り抜きで影が消えて商品が浮いて見えるなら、薄い接地影を作り直します。 • 掲載先が影なしを求める場合や、影が商品の輪郭を隠す場合は、影なしにします。 背景を消すだけだと、商品が画面に貼り付いたように見えがちです。足元の影まで決めると、ECの商品一覧に並べても浮きにくくなります。 この記事では、作業順チェックリストと影の判断表を用意しました。ツールの例としてCanvaの背景削除と、ChatGPTの画像編集を使います。依頼文の例や数値は「説明用の例」で、私が実際に操作して得た結果ではありません。

この記事の目次
  1. 作業の前に決めておくこと
  2. 作業順チェックリスト
  3. 影を残すか作り直すかの判断表
  4. 影の作り直し方
  5. 書き出し前の最終確認
  6. 迷ったときの最小手順

作業の前に決めておくこと

AIに任せる前に、人が次の3点を決めます。これが曖昧だと、仕上がりの良し悪しを判断できません。

  1. 掲載先の画像規定:背景色、影の可否、サイズ、商品が占める割合は、モールやカートごとに違います。必ず出品先の最新ガイドラインで確認してください。この記事では特定の規定値を断定しません。
  2. 元画像の保存:切り抜きは必ずコピーで行います。やり直しと、色や形の照合に使います。
  3. 「変えてはいけない部分」のリスト:ロゴ、文字、ステッチ、色味、サイズ感など、商品の実物と違って見えると問題になる要素です。

作業順チェックリスト

説明用のチェックリストです。上から順に進めてください。

  • [ ] 掲載先の背景色・影・画像サイズの規定を確認した
  • [ ] 元画像を別名で複製した
  • [ ] 元画像で影の向きと濃さ、商品の下に影が接しているかを見た
  • [ ] 背景削除を実行した(下記の制限を先に確認)
  • [ ] 縁を拡大し、白いにじみ、切り残し、削りすぎがないか見た
  • [ ] 透明部分(穴、取っ手の内側、メッシュ、ガラス)が正しく抜けているか見た
  • [ ] 白背景に配置し、商品が中央・適切な余白になっている
  • [ ] 判断表で影を「残す/作り直す/なし」から選んだ
  • [ ] 元画像と並べ、ロゴ・文字・色・形が変わっていないか確認した
  • [ ] 一覧サイズ(小さく縮小した状態)でも浮いて見えないか確認した
  • [ ] 書き出し形式とファイルサイズを掲載先に合わせた

1. 切り抜き:ツール側の制限を先に知る

Canvaの背景削除(BG Remover)は、有料プランに含まれる機能です。ヘルプによると、対象は9MB未満の写真で、ベクター画像には使えません。10MPを超える画像は、背景削除後に10MPへ縮小されます。

つまり、高解像度で撮った写真をそのまま通すと、出力が小さくなる場合があります。大判の商品画像が必要なら、縮小後の解像度で足りるかを先に確かめてください。プランや仕様は変わることがあるため、使う前にヘルプで最新の記述を見るのが確実です。

2. 縁の修正:ブラシは小分けで使う

同じヘルプによると、背景削除のあとに「消去」と「復元」のブラシで仕上げられ、ブラシサイズはスライダーで変えられます。ブラシ操作の機能や表示は変更されることがあるため、作業前に現在の画面で確認してください。

実用上は次のようにします。

  • ブラシに入る前に、確認したい部分を決めておく
  • 一度に広くなぞらず、短く区切って確認する
  • 失敗したら、元画像から背景削除をやり直す

3. 白背景への配置

切り抜いた商品を白背景のキャンバスに置きます。掲載先のサイズ(正方形が多い)に合わせ、商品が端に寄らないよう余白を取ります。複数商品を並べるなら、余白と商品の大きさを揃えると一覧で整って見えます。

影を残すか作り直すかの判断表

影は「元の影があるか」「自然か」「掲載先が許すか」で決めます。次の表は編集上の提案で、公式の仕様ではありません。

  • 元の影が薄く自然で、床が白に近い、判断:残す、理由:接地感が最も自然に出る、確認ポイント:縁に灰色の汚れが残っていないか
  • 切り抜きで影が消え、商品が浮いて見える、判断:作り直す、理由:接地点がないと宙に浮いて見える、確認ポイント:影の向きが商品の光と合うか
  • 元の影が濃い、または色付きの床の反射がある、判断:作り直す(または影なし)、理由:床の色が影に混ざり、白背景と合わない、確認ポイント:影が黄ばみや青みを帯びていないか
  • 影が商品の輪郭と混ざって境目が曖昧、判断:影なし、理由:輪郭の誤認や切り抜きの粗さが目立つ、確認ポイント:商品の形が正確か
  • 掲載先が影なし・純白を求める、判断:影なし、理由:規定の遵守が優先、確認ポイント:規定の文言を再確認
  • ガラス、透明容器、光沢品、判断:慎重に作り直す、理由:透過と映り込みが不自然になりやすい、確認ポイント:内側の背景が透けて残っていないか

迷ったら「薄い接地影を作る」を基本形にし、掲載先が禁止していれば外す、という順で考えると決めやすくなります。

影の作り直し方

Canvaの影機能を使う

Canvaでは写真を選び、「編集」から「シャドウ」を選ぶと、影のスタイルを選べます。選んだあとは、ぼかし、方向、強さ、色のスライダーで調整できます。

ヘルプには、背景を削除した画像への適用についての記載はありませんでした。使えるかどうかは、自分の画面で確かめてください。

調整の考え方は次のとおりです(編集上の提案です)。

  • ぼかし:商品の底面に近い部分は小さく、離れるほど柔らかくなる影が自然です。ぼかしを上げすぎると、ただの灰色の霞になります。
  • 強さ:薄めから始めます。一覧サイズで影がはっきり見える程度で十分です。
  • 方向:元画像で光が来ていた向きと反対側に落とします。
  • 色:純粋な黒より、少し明るい灰色のほうが白背景になじみます。

商品が宙に浮いているように見える場合は、ドロップシャドウ(商品の背後にずらして落とす影)ではなく、足元に沿って短く伸びる影のほうが合います。スタイルによって見え方が違うため、候補を並べて比べてください。

ChatGPTの画像編集に任せる場合

OpenAIのヘルプでは、ChatGPTの画像編集は、画像をアップロードして変更内容を文章で伝える方法と、選択ツールで範囲を指定する方法があります。注意点として、選択範囲は常に正確とは限らず、編集が指定領域の外に及ぶことがある、と書かれています。

商品写真では、この性質が最大のリスクです。影を足すつもりが、商品の形や文字まで変わる可能性があります。次のように使い分けてください。

  • 商品そのものの切り抜きは、背景削除ツールに任せる
  • 影の追加だけをChatGPTで試し、出力は元画像と必ず見比べる

説明用の依頼文の例です。

添付は白背景に切り抜いた商品画像です。
商品の形、色、ロゴ、文字、縮尺は一切変えないでください。
背景は純白のままにして、商品の足元に、左上からの光を想定した
薄くて柔らかい接地影だけを追加してください。
影は床に接している部分が最も濃く、離れるほど薄くしてください。
商品の上や側面には影を足さないでください。

画像入力のFAQでは、対応形式はPNG、JPEG、非アニメーションGIFで、1枚あたり20MBまでと案内されています。また、画像は解析前にリサイズされ、元の寸法に影響すると説明されています。影の追加編集で画像サイズがどう扱われるかは、実際の画面や出力で確認してください。

なお、ChatGPTの出力が透明背景のPNGで返るか、商品の細部を保てるかは、私は確認していません。結果は、毎回人が判定してください。

書き出し前の最終確認

AIが出した結果は、人が次の順で確認します。

  1. 元画像と重ねて比較:ロゴ、文字、色、縁取りが変わっていないか
  2. 縁の拡大確認:白背景との境界に毛羽立ちや暗い縁がないか
  3. 縮小表示:一覧サイズに縮めて、影が汚れに見えないか
  4. 別デバイスで確認:スマホとPCで、背景が純白に見えるか
  5. 実物との整合:実物にない形や装飾が生えていないか

一つでも崩れていたら、そのAI処理を採用せず、切り抜きの段階に戻ってやり直します。

迷ったときの最小手順

時間がないときは、これだけ実行してください。

  1. 掲載先の規定を確認する
  2. 背景削除を実行して、縁だけ拡大確認する
  3. 白背景に置き、薄い接地影を1種類だけ付ける
  4. 元画像と並べ、一覧サイズで見て、不自然なら影を外す

影は足すより、足りなければ薄く足し、濃すぎれば外すほうが失敗しにくい作業です。

出典・参考資料