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