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

Webサイト制作 ハンドメイド販売 画像編集ソフト

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

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

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

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

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

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

このあと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(7500万点の素材が無料)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Canva(7500万点の素材が無料)

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

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

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

GIMP

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

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

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

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

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

GIMP

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

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

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

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

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

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

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

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

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

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

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

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

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

GIMP

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

今回のまとめ

今時店長

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

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

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

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

Canvaの無料版・有料版の違いはココ
全11ある!Canvaの無料版と有料版の違いまとめ

今時店長皆さんこんにちは、今時店長です。 今回は、無料から利用できるデザイン制作ツール、Canva(キャンバ)の無料版と有料版(Pro・プロ)の違いについて解説します。 Canvaの無料版・有料版(プ ...

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

本当は教えたくない無料イラスト素材
本当は教えたくないホームページ無料イラスト素材まとめ【商用OK】厳選フリー素材をご紹介

今時店長皆さんこんにちは、今時店長です。 今回は、ホームページ制作会社が教えたくない・・。と言いそうな。無料とは思えないほど、オシャレで高品質なイラスト素材をご紹介します。 個人的に気になる素材サイト ...

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

無料でパッと作れるホームページ作成ツール
無料でパッと作れるホームページ作成ツール8選!上広告なしで実用性の高いサービスから順番に紹介

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

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

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

今時店長皆さんこんにちは、今時店長です。 今回は、無料で使えるオンライン予約システムについて解説します。 フィットネス、ヨガなどのスクール。エステやマッサージなどのサロン。医療関係や各種イベントで予約 ...

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

無料ネットショップ
2021年版|無料で開業できるネットショップ作成サービスを徹底比較[CMで話題のオススメ・ツールを紹介]

今時店長皆さんこんにちは、今時店長です。 今回は、基本料金無料(タダ)で出店できる、ネットショップ作成サービスのについて、人気の傾向や料金や解説したのち、おすすめサービスをご紹介します。 こんな方にお ...

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

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

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

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

  • MakeShop|独自ドメイン無料プレゼントキャンペーン!10月31日まで
  • エックスサーバー | 料金30%還元&独自ドメイン永久無料!11月4日18時まで

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

おすすめ記事

無料ネットショップ 1

今時店長皆さんこんにちは、今時店長です。 今回は、基本料金無料(タダ)で出店できる、ネットショップ作成サービスのについて、人気の傾向や料金や解説したのち、おすすめサービスをご紹介します。 こんな方にお ...

商品仕入れ 2

今時店長皆さんこんにちは、今時店長です。 今回は、ネットショップの商品仕入れについてご紹介します。 個人が趣味や副業でも挑戦できるアイデアから、さらに本業として商品を仕入れるための基礎知識から具体的な ...

プロ目線で解説!ハンドメイドをネット販売する方法 3

今時店長皆さんこんにちは、今時店長です。 今回は、ハンドメイド・手作り・クラフト作品の方法について、ネット通販業界歴10年以上の経験をもとに、最適な販売方法について解説します。 こんな方にオススメの記 ...

MakeShop(メイクショップ) 4

今時店長皆さんこんにちは、今時店長です。 今回は、ネットショップ作成サービスのMakeShop(メイクショップ)について、サービスの特徴や手数料・実際に利用してみた感想をご紹介します。 こんな方にオス ...

オリジナルTシャツの販売 5

今時店長皆さんこんにちは、今時店長です。 今回は、自作のデザインを在庫リスクなしで販売できるサービスをご紹介します。 こんな方におすすめの記事 資金は無いけどオリジナル商品を販売したい方。 YouTu ...

ネットショップの確定申告 6

今時店長皆さんこんにちは、今時店長です。 今回はネットショップ(BASE、カラーミーなど)を運営している方に、はじめての確定申告について解説します。 ネットショップを運営している方だけでなく、ハンドメ ...

無料で実店舗とネットショップの在庫連動 7

今時店長皆さんこんにちは、今時店長です。 今回は、初期費用、固定費無料で使える決済サービスの「Square」を利用した、実店舗とネットショップの在庫を連携する方法について解説します。 はじめに 実店舗 ...

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

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

本当は教えたくない無料イラスト素材 9

今時店長皆さんこんにちは、今時店長です。 今回は、ホームページ制作会社が教えたくない・・。と言いそうな。無料とは思えないほど、オシャレで高品質なイラスト素材をご紹介します。 個人的に気になる素材サイト ...

Webサイト売買サービスを徹底比較!おすすめ紹介 10

今時店長皆さんこんにちは、今時店長です。 今回は、WEBサイトの売買サービスについて解説します。自分のWEBサイトを売りたい方、または、実績のあるサイト買いたい方、ぜひ参考にしてください。 また、最近 ...

-Webサイト制作, ハンドメイド販売, 画像編集ソフト

© 2021 いまどきのネットショップ開業講座