ブラウザだけで画像の背景を切り抜く
このツールは画像の背景を切り抜き、背景が透明な PNG を返します。被写体だけが残り、背景は消去され、 処理はすべてあなたの端末上で行われます。人物写真なら**「人物」モード**、商品・物体・動物なら**「物体」モード**を選びます。 画像がアップロードされることはなく、 CDN からダウンロードされるのは AI モデル(初回のみ)だけ。あとはローカルで完結します。
仕組み
このツールは、オープンソースの AI セグメンテーションモデルを、 Transformers.js を通じてブラウザ内で直接実行します。 画像を解析してどのピクセルが被写体かを推定し、それを透明度マスクとして背景を完全に透過させます。被写体に合わせてモデルを選べます:
「人物」モードは人のエッジがよりシャープ、「物体」モードは人物専用モデルでは抜けない非人物の被写体に対応します。
モデルがローカルで動作するため:
- 写真があなたのパソコンから外に出ません。サーバーには何も送信されません。
- 初回ダウンロード後はモデルがキャッシュされ、オフラインでも動作します。
- 出力は本物のアルファチャンネルを持つ PNG 。どんな背景の上にもそのまま重ねられます。
手順
- アップロード領域に画像をドロップ(またはクリックして PNG ・ JPG ・ WebP を選択)します。
- 被写体に合わせて 「人物」 か **「物体」** を選びます。
- 背景を切り抜く をクリック。各モードの初回はそのモデルのダウンロードが走り、進捗のパーセントが表示されます。
- 数秒待つと被写体が切り抜かれます。
- チェッカー模様の上で結果をプレビュー(模様が見える部分が透明になっています)。
- PNG をダウンロード をクリックして、透過した切り抜き画像を保存します。
例: 「物体」モードで、散らかった机の上の商品写真をアップロード → 透明な背景に商品だけが残った product-no-bg.png をダウンロード。ストア掲載にすぐ使えます。
出力形式
出力は常に背景が透明な PNG です。他形式と比べた理由は次のとおりです。
サーバー型ツールとの使い分け
きれいに切り抜くコツ
- 被写体に合わせてモードを選ぶ(人物なら「人物」、それ以外は「物体」)。
- 背景とよく分離した、十分な明るさの単独の被写体が最もきれいに切り抜けます。
- 初回が遅く感じるのは一度きりのモデルダウンロードのため。2枚目以降はぐっと速くなります。
ここでの処理はすべてブラウザ内で行われます。画像がアップロードされることはありません——それが本ツールの要です。


