初心者&スマホだけでもデキる!ECサイト背景白抜き商品画像の作り方!

広告 デジタルメディア制作 ネットショップ開業・運営・集客

初心者でもデキる!ネットショップ商品画像の白抜き手順を解説[無料ツールあり]

今時店長
今時店長
こんにちは、今時店長です。

今回は、初心者でも簡単にできる、ネットショップの商品画像の背景を白抜きする方法、背景削除した商品画像の作り方について解説します。

無料で導入できるツールをご案内。

必要なものは、インターネットとパソコン、または、スマートフォンのみ。無料ツールも紹介しているので、導入にお金を掛けられない方にも最適な記事です。

商品画像の背景白抜きする方法

このあと3つのツールを紹介します

パソコン&スマートフォン

数十種類のツールやアプリをためして選びました。

パソコンのソフト、WEBブラウザで使えるツール、スマートフォン用のアプリ、数十種類以上利用した結果、本気でオススメできる3つのツールをご紹介します。

  • remove.bg・・・無料の自動背景削除ツール(低画質)
  • Canva・・・有料の自動背景削除ツール(高画質)
  • GIMP・・・無料で最高に使えるレタッチツール(PC推奨)
今時店長
今時店長
昔は、Photoshopを使い手作業で白抜きしていましたが、最近は自動削除ツールだけでほぼ対応できています。
背景削除ツールどれがベスト?
【実験】背景削除ツールどれがベスト!?同じ写真で白抜き比較した結果とは

今回は、WEBブラウザ上で使える写真の背景削除ツールについて、いくつかのサービスを同じ写真で白抜きをしてみた結果を紹介します。 PC&スマホに対応!アプリのインストールは不要です。 このページで紹介し ...

(1)無料ツールで商品画像の背景白抜き

無料ツールなら”remove.bg”というサービスがイチオシ

remove bg

remove.bgは、WEBブラウザ上で会員登録不要で使える背景削除ツールです。類似サービスがほかにもありますが、無料ツールでは一番キレイに白抜きできました。

remove bg

remove.bgの背景白抜き手順(スマートフォン版)

WEBサイトにアクセスする
上記リンクよりアクセスしてください。
画像をアップロードをクリックして選択する

画像をアップロードをクリックしてください

「画像アップロード」をクリックして、背景を切り抜きたい画像を選択してアップロードしてください。PC版は、ドラッグ&ドロップにも対応しています。

数秒で切抜き画像が完成しました

remove.bgの背景削除後の画像

remove.bgの背景削除前の画像

数秒程度あれば、自動的に画像の背景が削除&透過処理された状態で表示されます。上のタブで「元画像」との比較もできます。

背景の白塗りもできる
remove.bgは背景の白塗りもできる

完成画像の右上にある「編集」をクリックすると、背景のカラーなどを選択することができます。また、背景画像のアップロードにも対応しています。

無料版はダウンロードできる画質に制限がある

無料版は、最大0.25メガピクセルという制限があります。画像サイズ的には、500px~600px程度になります。正直、ECサイトの商品画像としては物足りません。

remove bg

今時店長
今時店長
無料版は高画質の出力に対応していません。そこで、高画質な画像がほしいという方にオススメしたいサービスをご紹介します。

(2)高画質な商品画像の背景白抜き

高画質を求めるなら”Canva(キャンバ)”を推奨します

Canva(キャンバ)

Canva(キャンバ)とは、オーストラリアの企業が提供する、WEBブラウザ上でグラフィックの加工やデザインができるツールです。

背景削除ツールは”remove.bg”と同じAIを採用している。

Canvaは、先に紹介したremove.bgの運営元の企業である買収して、同じ背景処理ツールをCanvaにも搭載しています。つまり、同じ完成画像が作れます。

月額1,500円で高画質な完成画像がダウンロードできる。

Canvaは、月額1,500円のPro会員から背景削除ツールがつかえます。ダウンロード容量、ダウンロード回数などの制限は一切ありません。

Canva

Canvaの背景白抜き手順(スマートフォン版)

Canvaの無料体験を利用する
上記リンクより無料体験を申込みする。
写真を編集するを選択する
Canvaで写真を編集する

スマートフォン版は、右下の「+」→「写真を編集」、パソコン版は、右上「デザインを作成」→「写真を編集」、より背景を削除する写真を選択してください。

背景リムーバを選択する
Canvaで画像を編集をクリックする

背景を削除する画像が表示されたら、下にスクロールして「画像を編集」をクリックしてください。パソコン版は、上部の横メニューにあります。

Canvaで背景リムーバを選択する

下のスクロールして「背景リムーバ」というリンクをクリックしてください。パソコン版は、左のメニューに表示されています。

数秒程度で背景が白抜きされた画像完成
数秒で背景が削除された画像が完成しました

数秒程度あれば、背景が削除されて白抜きされた画像が完成します。下にある「復元」をクリックすれば元に戻せます。問題ない場合には「適用」をクリックです。

ちなみに、標準は背景の白抜きですが、背景を別のカラーや画像ファイルに変更したり、背景を透過処理してダウンロードすることも可能です。

完成画像をダウンロードする
背景を削除した画像をダウンロードする

右上の「↑」マークより完成した画像がダウンロードができます。

最高画質の画像がダウンロードできる。

先に紹介した、remove.bgのような制限はありません。アップロードした画像サイズと同じ、最高画質な完成画像をダウンロードすることができます。

Canva

今時店長
今時店長
商用利用ならコチラを利用しましょう。低画質でエッジがぼんやりしていたのもが、高画質で境界線がキレイに仕上がります。

(3)描画ツールで細かな部分の手直しをする

無料ツールの”GIMP”でレタッチに挑戦しよう

GIMP

Photoshopの代替えになるツールをご紹介。

背景削除ツールを利用した場合、完成画像の一部が欠けてしまうことがたまにあります。そんなときには、レタッチのできる画像編集ソフトを利用しましょう。

スマートフォンのアプリ版もあるがレタッチはきびしい。

ここで紹介している「GIMP」は、パソコンにインストールするソフトです。Windows、Mac、どちらにも対応しています。

スマートフォンのアプリ版もありますが、正直なところ画像の修正をするには操作的にきびしいと感じました。パソコン版を推奨します。

GIMP

GIMPを利用したレタッチの手順

革靴のソールが欠けた画像をレタッチします
背景削除ツールでソールの欠けた画像をレタッチする

実際に、◯◯を利用して背景削除をした際に、ソール部分が欠けてしまった画像をレタッチしていきます。

スタンプで描画を選択する
左上にあるコピースタンプツールを選択する

「GIMP」を起動したら、左上の「ファイル」→「新しい画像」でファイルを開いたのち、左上メニューにある「スタンプで描画」を選択してください。

画像をアップしてブラシのサイズを調整する
ブラシのサイズを適当なサイズに変更する

ブラシが表示されていると思うので、レタッチ部分のサイズにあわせてブラシのサイズを調整してみてください。

コピーして描画する
背景画像をコピーする

Windowsの方は「Ctrl」を押しながら、Macの方は「command」を押しながら、マウスまたは、タッチパネルをクリックしてコピー元を選択します。

コピーした画像をスタンプしていく

あとは、コピー元(上画像右)をもとに、ペタペタとクリックしてスタンプ(上画像左)していけば完成です。

完成したらエクスポートして完了です
背景削除で欠けた画像をレタッチしてみた

完成画像は、拡大、縮小して違和感がないかを確認してください。最後は、左上の「ファイル」→「名前を付けてエクスポート」すれば完了となります。

GIMP

今時店長
今時店長
Photoshopの代わりを探している方には「GIMP」がイチオシです。操作感も似ているので、経験者の方でも違和感ないはずです。

今回のまとめ

まとめ

今回は、初心者でも簡単にできる、ネットショップの商品画像の背景を白抜きする方法、背景削除した商品画像の作り方について解説しました。

背景削除は、remove.bg、Canva、いずれかを利用して、細かな修正が必要であれば、GIMPを利用しましょう。ほとんど自動削除ツールだけで事足ります。

あわせてチェックしてほしい記事

Canvaの無料版と有料版の違いはこちら。

Canvaの無料版・有料版の違いはココ
Canvaの無料版と有料版の違いまとめ!全部で12コありました

今回は、無料から利用できるデザイン制作ツール、Canva(キャンバ)の無料版と有料版(Pro・プロ)の違い。Canva pro だけに、できることを解説します。 Canvaの無料版・有料版(プロ)の違 ...

無料で使えるイラスト素材はこちら。

本当は教えたくないフリーイラスト素材まとめ
本当は教えたくないフリーイラスト素材まとめ【商用OK】おしゃれ・かわいい・ビジネス向けなど

今回は「本当はプロが教えたくない」と、言いたくなるほど。無料とは思えない、おしゃれで素敵なフリー(無料)のイラスト素材サイトをピックアップしました。 掲載している素材サイトは全て商用利用可能です。 こ ...

無料でホームページがほしい方はこちら。

無料でパッと作れるホームページ作成ツール
無料でパッと作れるホームページ作成ツール10選!上広告なし・おすすめサービスを順番に紹介

今回は、無料でパッと作れる、ホームページ作成ツールをご紹介します。「お金や時間を掛けずにホームページを作りたい」方は、ぜひ参考にしてください。 はじめに ホームページを作成するのに必要なもの 必要なも ...

無料で使える予約システムはこちら。

無料で使えるネット予約システムを徹底比較
2024年版|無料で使えるネット予約システムを徹底比較!広告なし・アプリ対応・Google連携などわかりやすく解説

今回は、無料で使えるオンライン予約システムについて解説します。 フィットネス、ヨガなどのスクール。エステやマッサージなどのサロン。医療関係や各種イベントで予約システムを探している方は、ぜひ参考にしてみ ...

無料でネットショップを作りたい方はこちら。

2024年版|無料ネットショップ開業サービス徹底比較
2024年版|無料ネットショップ開設サービス徹底比較!おすすめアプリをご案内

今回は、無料でネットショップを開設できるアプリやサービスについて、ECサイト運営実績10年以上の経験や感想をもとに、オススメサービスをご紹介します。 このページに掲載してある、全てのサービスは初期費用 ...

最後まで読んで頂きありがとうございました。
また新しい情報などあれば更新していきます。

背景削除ツールどれがベスト?
【実験】背景削除ツールどれがベスト!?同じ写真で白抜き比較した結果とは

今回は、WEBブラウザ上で使える写真の背景削除ツールについて、いくつかのサービスを同じ写真で白抜きをしてみた結果を紹介します。 PC&スマホに対応!アプリのインストールは不要です。 このページで紹介し ...

\ こちらの記事をシェアする /
  • この記事を書いた人
今時店長

今時店長

楽天市場の某大型サイトにて、2005年~2013年まで運営責任者を務める。その経験を活かし、2013年に楽天市場のショップへのサポートを目的に当サイトを立ち上げました。2016年に情報サイトとしてリニューアル、より幅広い層の方々にオンラインビジネスのノウハウやアドバイスを提供しています。

運営企業情報(プロフィール・運営理念)
掲載依頼・お問い合わせ
誤り報告フォーム

今月の入会特典のあるサービス

エックスサーバーキャンペーン

人気記事

最新版|ネットショップでの個人仕入れのノウハウ11選!基本~無在庫まで完全解説 1

今回は、ネットショップ運営実績10年以上の経験をもとに、商品を仕入れるノウハウ、おすすめサービスや卸業者・メーカーの探し方などをご紹介します。 このページの内容は、すべて個人事業主でも実践可能。基本的 ...

2024年版|無料ネットショップ開業サービス徹底比較 2

今回は、無料でネットショップを開設できるアプリやサービスについて、ECサイト運営実績10年以上の経験や感想をもとに、オススメサービスをご紹介します。 このページに掲載してある、全てのサービスは初期費用 ...

インターネット仕入れサイト 3

今回は、インターネットで商品を仕入れることができる、仕入れサイト・卸売りサイトをご紹介します。 掲載されているサイトは、すべて事業者向けの仕入れサイトです。一般のユーザーは購入することはできないので注 ...

無料でパッと作れるホームページ作成ツール 4

今回は、無料でパッと作れる、ホームページ作成ツールをご紹介します。「お金や時間を掛けずにホームページを作りたい」方は、ぜひ参考にしてください。 はじめに ホームページを作成するのに必要なもの 必要なも ...

無料で使えるネット予約システムを徹底比較 5

今回は、無料で使えるオンライン予約システムについて解説します。 フィットネス、ヨガなどのスクール。エステやマッサージなどのサロン。医療関係や各種イベントで予約システムを探している方は、ぜひ参考にしてみ ...

オリジナルTシャツ作成サービス徹底比較 6

今回は、オリジナルTシャツを作成できるサービスについて徹底比較してみました。おすすめのサービス、業者選び方のポイントについて解説します。 クラスT、部活T、サークルTなどの制作。オリジナルTシャツの販 ...

無料で使えるおすすめPOSレジアプリ4選(iPhone/iPad/Android対応) 7

今回は、スマートフォン(iPhone)やタブレット(iPad/Android)端末で利用できる、無料で使えるPOSレジアプリを4つご紹介します。 無料POSレジアプリの比較表 初期費用、月額費用、キャ ...

無料で使えるおすすめ決済フォーム!申込みWEBページが自分で簡単に作れる 8

今回は、初期費用、月額無料で使える、クレジットカード決済機能付き申込みウェブフォームの作り方をご紹介します。ぜひ参考にしてみてください。 こんな方におすすめのサービス 無料でクレジットカード決済機能つ ...

ネットショップ販売手数料の最安値はココ[初期・月額・クレジットカード決済手数料を比較] 9

今回は、ネットショップ作成サービスのクレジットカード決済手数料について比較してみました。初期費用、月額費用とあわせてチェックしてみてください。 こんな方におすすめの記事 無料サービスで実質的に負担する ...

-デジタルメディア制作, ネットショップ開業・運営・集客
-