Photoshopなどのソフトがなくても、オンラインでしかもカンタンに背景をトリミング(切り抜き)してくれるサイトです。
切り抜きサイト2選
Remove Image Background
AI技術により、対象物と背景を判別して画像の切り抜きをしてくれるサイトです。
最大8MBのJPGまたはPNG画像に対応しています。
以前は人物のみの切り抜きが可能だったんですが、現在では製品、動物、車などにも対応しています。
![Remove Image Backgroundサイト画面](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/1a225d9c0bfd695854d20e1b4e53343f-300x199.png)
使い方
切り抜きたい画像をフォルダから選ぶ「Select a photo」と、URLから選ぶ「enter a URL」の2通りがあります。
ここでは「Select a photo」で進めます。
![](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/Remove-Image-Background01-300x65.png)
切り抜きたい画像を選んで「開く」をクリックします。
![](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/4c6bc156b97437365c86600729a27669.png)
すると、数秒で切り抜く前の画像と切り抜いた画像が表示されます。
![](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/5244f8f21bc469b0c6740eb2d4986dc1.png)
髪の毛のはねているところもちゃんと切り抜きされています。
![](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/7e1883a72b8b0ca8c58d64eb7130c44c.png)
これでOKであれば「Download」をボタンをクリックすると切り抜き済みの画像をダウンロードできます。
ちなみに、切り抜き画像の右下にある「Edit」をクリックすると簡単な編集もできます。
これが編集画面です。
![](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/b2b66ad59c4ac637509f1eb9dba3db17.png)
「Erase」を選んで画面をなぞると、さらに切り抜き範囲が増えます。Eraseツールの半径は下のバーを左右に動かして調節できます。
![](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/erase.png)
「Restore」を選んで画面をなぞると、逆に塗り抜かない範囲が増えます。下のバーでRestoreツールの半径を調節できます。
![](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/restore.png)
「Color」をクリックすると、背景に色をベタ塗りできます。
![](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/color.png)
「Photo」をクリックすると背景に好きな画像を合成できます。
あらかじめいくつかの画像も用意されています。「Select a photo」で自分で用意した画像を選べます。
![](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/photo.png)
やり直したければ「Undo」をクリックします。
編集前の状態に戻したければ「Reset」をクリックします。
編集が済んだら「Save」をクリックします。
![](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/24ec395e30025ef145b6211c7cd71c47.png)
Remove Image Backgroundの注意点
「こんな高性能な切り抜きを無料でやってくれるなんて!」と、普段仕事で切り抜き作業を多くやっている人には夢のようなサービスですが、ひとつ注意点があります。
ダウンロードした切り抜き済み画像の大きさを見てみると・・・
【元画像】
![元画像の容量](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/db23b2120aad77fae908ebd87622fabb.png)
【切り抜き後】
![切り抜き後の容量](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/80f638936a4693ec73f4f7ee0fc9fc04.png)
画像の大きさが4680✕3120から612✕408になってしまいます。
個人がブログなどに使うレベルなら十分な大きさですが、仕事で使うとなるとこれはちょっと困りますね。
大きな画像のままダウンロードするには有料となります。
⇒ 料金プラン
料金プランにはいくつかのコースがありますが、例えば“500 credits / month”コースですと、1ヶ月500枚の切り抜きができて、89ドルです。(1枚あたり0.18ドル≒20円)これを高いと見るか安いと見るかはあなた次第。。。
ちなみに、500枚に達しなかった場合は残りを翌月にロールオーバーできます。
支払い方法は主要なクレジットカード、PayPalとApple Payです。
PhotoScissors Online
こちらのサイトも独自のアルゴリズムによって、対象部と背景を判別して切り抜いてくれるサイトです。
最大10MBのJPGまたはPNG画像に対応しています。
![PhotoScissors Onlineサイト画面](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/7160c29bfa5807b163bb7fd32d6ecd7e-300x207.png)
使い方
トップページの中央部分に切り抜きたいファイルをドラッグするか、「Upload image」をクリックしてファイルを選びます。
![PhotoScissors Onlineファイルアップロード](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/57f2b71eead58bed57fa968613d76936-1024x705.png)
すると、画像修正をするツールの使い方を解説するウインドウが表示されます。とりあえずここでは右上の「✕」で閉じます。
![PhotoScissors Onlineのウインドウ](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/d6951c04ff1a6d9befcc1dfb7931d46b-1024x676.png)
元の画像(左)と切り抜いた画像(右)が表示されます。
Remove Image Backgroundと比べて切り抜きが粗いようです。
![PhotoScissors Online結果](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/f6a14eb0acac61ea8bb421e75da43e82-1024x675.png)
試しに、2つのサイトの切り抜き後の画像を並べてみました。
左がPhotoScissors Online、右がRemove Image Backgroundです。差は一目瞭然ですね。
![切り抜き比較](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/b6b4de2882970bb300b904b9e924cbf9.png)
PhotoScissors Onlineの場合は、切り抜いた後に自分で調整が必要のようです。
そこでさきほど一旦閉じた解説画面を表示させてみます。
右上の「?」ボタンをクリックすると表示されます。
英語なので要約を載せておきます。
“PhotoScissors Onlineの手順”
“前景と背景を描きます。
あなたがすることは、前景と背景のいくつかをハイライトにすることだけです、そして、私達のアルゴリズムは細部を手伝います。 背景に別れを告げて保存します。”
![PhotoScissors Online使い方1](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/0b83725f73ef5cdb4aeabb0fdad51a12.png)
“強調表示しない
領域を慎重に選択する必要はありません。赤(削除)マーカーが透明にしたい色に触れ、緑(維持)マーカーが残したい色に触れていることを確認してください。”
![PhotoScissors Online使い方2](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/312d9bd3ebc903678d6b98cf4bf57ef4.png)
“線の中にとどまる
切り取りたいオブジェクトの線の範囲内に収まるようにしてください。 前景の外側の領域を緑色のマーカーでマークすると、背景の一部も切り取ることができます。 同様に、前景に赤を付けないでください。”
![PhotoScissors Online使い方3](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/e2cf8134bb073281f4ad057a883e4306.png)
“髪の毛がどこにあるかPhotoScissorsに伝える
PhotoScissorsに髪の毛の位置を伝えるには、黄色いマーカーを選択して対応する領域をペイントします。 このように。”
![PhotoScissors Online使い方4](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/6fc9630b5302377929bdcab3c648b06e.png)
・・・というに、正直ちょっとメンドウです。
画面の上部にあるツールを使って、画像を調整していきます。
![PhotoScissors Onlineツール](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/b6eb2869ef8fd4506f0956f071691d46.png)
緑の「+」ツールで切り抜く範囲を大まかに指定して、赤の「-」ツールで切り抜く背景を大まかに指定します。黄色丸で髪の毛と背景の重なっているところを指定します。
少しいじってみましたが、操作感に慣れるのに時間がかかりそうです。
![PhotoScissors Onlineいじった](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/7ef7a2694fd89b62397de995f7a4bcf2-1024x606.png)
Photoshopを持っている方ならそちらを使っても、作業時間があまり変わらない気がします。。。
ちなみに、こちらのサイトも背景の簡単な編集ができます。
右側の真ん中のタブをクリックします。
![画面右](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/27d1e789b7a8b82749882c07018af9b5.png)
Backgroundのメニューから「Solid Color」を選びます。
![バックグラントメニュー](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/4c5827f6ba17ddfa25edbfa0541c9813.png)
すると、背景にカラーをベタ塗りする画面になります。
「Color」下のバーをクリックすると「色の設定」ウインドウが現れますので、好きな色を選べます。
![Solid Color画面](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/Solid-Color-1024x527.png)
背景に画像を合成することもできます。「Backgroundメニューから「image」を選びます。
![バックグラントメニュー](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/4c5827f6ba17ddfa25edbfa0541c9813.png)
「Select image」をクリックして背景に入れたい画像を選びます。
![背景に画像](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/48ac4f61617dc67e4b7f7789aa3282aa-1024x530.png)
切り抜いた画像に影(ドロップシャドウ)を付けることもできます。
右側の星のタブをクリックします。
![画面右の星](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/33574c1286022124b703dda0ae030c5a.png)
「Opacity」は透明度、「BlurRadius」はぼかしの半径、「Color」で影の色を指定します。
![shadowの設定](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/shadow.png)
Shadowのチェックを入れると、画像にシャドウが適用されます。
![影の入った画像](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/dd3c68b67b413e6940aa20a452adb937.png)
PhotoScissors Onlineの注意点
画像の修正が済み、右上のフロッピーディスクアイコンをクリックして、データをダウンロードしようとすると、次のようなメッセージが現れます。
“結果画像のダウンロード
高品質の結果をダウンロードするには、ダウンロードクレジットを購入する必要があります。
(すでに登録されている場合はログインしてください。)”
![ダウンロードメッセージ](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/b26709d9fb64f486e8d9bb3819e4baf8.png)
こちらのサイトもRemove Image Backgroundと同様に、フルサイズの画像をダウンロードしようとすると有料になります。
とりあえず、無料でダウンロードできる「Download Low Resolution(低解像度のダウンロード)」ボタンをクリックします。
切り抜き前との画像の大きさを比べてみると
【元画像】
![元画像の容量](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/db23b2120aad77fae908ebd87622fabb.png)
【切り抜き後】
![PhotoScissorsの容量](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/d0e3027e2bce2a47d13795c42b4b4634.png)
画像の大きさが4680✕3120から600✕399になってしまいました。
ちなみに、「Purchase(購入)」の緑のボタンをクリックすると、クレジット購入ペーシに行きます。⇒ 料金
こちらはお値段グッとお安くなって、画像500クレジット(画像500枚分)で19.99ドルです。(1枚あたり4セント≒4円)
未使用のクレジットは、最後のクレジット購入から1年間有効です。
支払いはPaypalまたはクレジットカードが使えます。
また、こちらのサイトは、PhotoScissors以外にも、画像から不要なものを取り除く「Inpaint」、ゆがみなく画像のサイズを変更する「iResizer」、複数の画像をつなぎ合わせてパノラマ画像を作る「PhotoStitcher」なども運営しています。
![他のサイト](https://www.abysse.co.jp/website/wp-content/uploads/2019/07/e04b260b21948b29bf46842557b7c422-1024x389.png)
まとめ
「Remove Image Background」「PhotoScissors Online」の2サイトともに、無料での切り抜きでは600✕400ピクセルほどの大きさになってしまいます。
大きな画像をダウンロードするには、有料プランにする必要があります。
料金
Remove Image Backgroundの場合
⇒ 料金プラン
1ヶ月500枚の切り抜きができて89ドル(1枚あたり0.18ドル≒20円)
500枚に達しなかった場合は残りを翌月にロールオーバー可能
PhotoScissors Onlineの場合
⇒ 料金
500枚分の切り抜きで19.99ドル(1枚あたり4セント≒4円)
未使用のクレジットは、最後のクレジット購入から1年間有効
時間かお金か
切り抜きの精度は「Remove Image Background」のほうが上ですが、料金の安さは「PhotoScissors Online」に軍配が上がります。
高くても切り抜く手間を減らしたいという人は「Remove Image Background」を、多少手間がかかっても安く仕上げたいという人は「PhotoScissors Online」を利用するといったところでしょうか。
コメントを残す