商品写真の背景を白抜きにする方法｜無料ツールで手軽に実現
商品写真の背景を白抜きにするやり方を丁寧に解説。Photoshop不要で使える無料ツールの比較と、ブラウザだけで完結する方法を紹介します。
ECサイトや営業資料に使う商品写真は、背景を白く統一するだけで見栄えが大きく変わる。しかし「Photoshopは高い」「操作が難しい」「外注する予算もない」という状況で手が止まるケースは多い。この記事では、背景の白抜き処理に必要な知識と、コストをかけずに実践できる方法を順番に説明する。
なぜ商品写真の背景は白抜きにするのか
Amazon・楽天・Yahoo!ショッピングなどの大手ECモールは、メイン画像の背景を白（RGB: 255,255,255）に指定しているケースが多い。背景が白に統一されると、以下のメリットがある。
- 商品そのものに視線が集まる — 余計な情報が排除されるため、ユーザーが商品の形・色・質感を正確に把握しやすい
- モール規約への準拠 — Amazonの場合、メイン画像は純白背景が必須。違反すると検索結果に表示されなくなるリスクがある
- サイト全体の統一感 — 複数商品を並べたとき、背景色がバラバラだと視覚的な雑音になる
白背景にすることは「おしゃれな加工」ではなく、販売機会を守るための実務上の要件といえる。
背景を白抜きする主な方法と特徴
方法は大きく4つある。それぞれの特徴を把握したうえで、状況に合った手段を選ぶのが合理的だ。
1. Photoshop（Adobe）
選択範囲ツールや「被写体を選択」機能で切り抜き、レイヤーに白背景を敷く。仕上がりの品質は最も高いが、月額約3,280円（フォトプラン）のコストと操作習熟が必要になる。毎日大量処理する専門担当者には向いているが、週に数枚程度の処理には過剰なツールといえる。
2. オンライン背景除去サービス（remove.bg / Canva など）
AIが自動で被写体を検出し、背景を削除する。操作はシンプルで、数秒で処理が完了する。ただし 画像データをサーバーにアップロードする ため、未公開商品・社外秘の商品画像を扱う場合は情報漏洩リスクを考慮する必要がある。無料プランは解像度やダウンロード回数に制限があることも多い。
3. スマホアプリ
「消しゴムマジック」「背景削除」系のアプリは手軽だが、処理精度にばらつきがある。PCで最終的にファイルを扱う業務フローには組み込みにくい。
4. ブラウザ内完結ツール（WASM利用）
WebAssembly（WASM）を使い、処理をすべてブラウザ内で行うタイプ。画像がサーバーに送信されないため、機密性の高い商品画像にも使いやすい。後述する zerosend の背景除去ツールがこれに該当する。
主要ツールの比較
| ツール | 料金 | 送信先サーバー | 解像度制限 | オフライン利用 |
|---|---|---|---|---|
| Photoshop | 月額約3,280円〜 | なし（ローカル） | なし | 可 |
| remove.bg | 無料（低解像度）/ 有料 | あり（クラウド） | 無料は0.25MP | 不可 |
| Canva | 無料 / Pro月額1,500円〜 | あり（クラウド） | Proのみ高解像度 | 不可 |
| zerosend 背景除去ツール | 無料 | なし（ブラウザ内） | なし | 可（初回後） |
サーバー送信の有無は、セキュリティポリシーが厳しい企業や、未発売商品を扱う担当者にとって重要な選定基準になる。
zerosend の背景除去ツールで白抜きする手順
背景除去ツールは登録不要・完全無料で使える。処理はすべてブラウザ内で完結し、画像が外部サーバーに送信されないことは DevTools の Network タブで確認できる。
手順は以下の4ステップ：
- ページを開く — ブラウザで 背景除去ツール にアクセスする
- 画像をアップロード — 対応形式（JPG・PNG・WEBP）のファイルをドラッグ＆ドロップ、またはクリックして選択する
- 自動処理を待つ — AIモデルがブラウザ内で被写体を検出し、背景を削除する。処理時間はファイルサイズにより数秒〜十数秒
- 白背景で書き出す — 「白背景で保存」を選択してダウンロードする。透過PNGとして保存することも可能
初回アクセス時にAIモデルのデータ（数MB）がブラウザにキャッシュされる。2回目以降はオフライン環境でも動作するため、安定したネット接続がない場所での作業にも対応できる。
仕上がりをきれいにするコツ
- 撮影時点で背景を単色にする — どれだけ優秀なAIでも、背景と商品の色が近い場合（例：白い商品を白い布の前で撮影）は切り抜き精度が落ちる。撮影時に背景シートを使うだけで処理後の品質が上がる
- ファイルサイズは圧縮してから処理する — 元ファイルが大きすぎると処理に時間がかかる。事前に画像を適切なサイズに圧縮しておくと効率的だ
- 透過PNGで保存してから合成する — 白背景で固定書き出しせず、いったん透過PNGで保存しておくと、後から背景色を変えたいときに再処理不要で対応できる
よくある失敗と対処法
「髪の毛や細かいパーツが欠ける」 毛足の長いぬいぐるみ、透明なガラス瓶、金属チェーンなどはAI処理が苦手とする形状。こうした商品は撮影背景を黒や青など高コントラストの色にすると精度が上がる。
「切り抜き後に白背景との境界がガタガタに見える」 エッジがジャギー状になる場合は、画像解像度が低い可能性がある。元画像を高解像度（1,000px以上）で撮影・保存しておくと改善しやすい。
「処理が終わらない / エラーになる」 ブラウザのキャッシュ・Cookieをクリアして再読み込みすると解決するケースが多い。また、ファイルが極端に大きい場合（20MB以上）は事前にリサイズするのが無難だ。
まとめ
商品写真の背景白抜きは、EC販売やビジネス資料の品質を左右する実務作業だ。方法の選択基準は「コスト」「画像の機密性」「処理量」の3点に絞って考えると整理しやすい。
毎日大量処理するならPhotoshop、手軽さ優先ならCanvaやremove.bgが候補に挙がる。一方、画像をサーバーに送信したくない、登録やコストをかけたくないという場合は、ブラウザ内完結の背景除去ツールが現実的な選択肢になる。
用途と制約に合ったツールを選び、撮影段階からの工夫も組み合わせることで、処理品質と作業効率の両方を高めることができる。
参考リンク
Zerosend Editorial
Zerosend の制作チームによる記事です。ファイルがデバイスの外に出ないことを設計の中心に置き、WASM・Web Worker をベースとするブラウザ完結ツールを開発しています。
Zerosend Editorial について →関連記事
スクリーンショットの文字をコピーする方法【OCRで即テキスト化】
スクリーンショット内の文字をコピーしたいときの方法を徹底解説。OS標準機能からブラウザ完結のOCRツールまで、状況別に実践的な手順を紹介します。
画像の文字起こしを無料でする方法｜OCRツール徹底解説
スキャンPDFや写真に含まれる文字をテキスト化する無料OCRの使い方を解説。オンラインツールの比較とプライバシーリスクへの対処法もまとめた。
PDFのページを削除・回転・編集する方法｜オンライン無料ツールの選び方
PDFのページ削除・回転・並び替えをオンラインで無料で行う方法を解説。ファイルをサーバーに送信せずブラウザ内で完結するツールの使い方も紹介。