画像の背景を透過する

画像から背景を切り抜き、本物のアルファチャンネルを取り戻します。ダウンロード前に白・黒・色付きの背景で確認できるので、隠れたふちが後から表に出てくることもありません。

背景を透過すると実際に何ができるのか

画像ファイルにおける透過とは、ピクセルが存在しないことではありません。すべてのピクセルに対して、赤・緑・青の隣に保存される4番目の数値であり、アルファと呼ばれ、0の「見えない」から255の「不透明」までの範囲を取ります。このページはそのチャンネルを作り出します。ブラウザ内でローカルにセグメンテーションモデルを実行して、各ピクセルがどれだけ被写体に属し、どれだけ背景に属するかを判定し、古い背景色のふちが残らないよう境界を調整して、本物のアルファチャンネルを持つPNGとして書き出します。単なる切り抜きボタンとこのページが違うのは、切り抜いたあとの部分すべてです。結果は、切り替えられる背景の上に置かれます。市松模様、白、黒、青、アンバーの5つです。これは装飾ではありません。市松模様は透過を描く慣習的な方法ですが、透過を判断する面としては最悪です。中間の灰色なので、明るいふちも暗いふちもその中に消えてしまいます。明るいふちは黒の上でしか見えず、暗いふちは白の上でしか見えないため、この2つを交互に見るのが最も速く確実な確認方法です。その下の3つの数値は、実際のアルファのヒストグラムを報告します。どのビューアーでも完全に透明として扱われるアルファ4以下のピクセルの割合、不透明である251以上の割合、そしてその中間である柔らかい帯の割合です。この数値は2つの異なる問いに答えます。透明化された割合がゼロなら背景は見つかっておらず、あなたは普通の不透明な画像をダウンロードしようとしています。柔らかい帯が大きい場合、画面のおよそ2パーセントを超えるとアンチエイリアスの輪郭としては説明が付かなくなり、6パーセントを超えればほぼ確実に背景全体に半透明の膜が残っているので、切り抜きはきれいではなく曖昧だということです。正直な限界はモデルそのものの限界です。ガラス、煙、水、被写体ブレには見つけるべき本当の境界がなく、背景と同じ色の被写体は一部を失い、カメラが解像しなかったディテールはどんなエッジ処理でも復元できません。

透過そのものが必要になる理由

白い背景の画像と、背景のない画像とはまったくの別物であり、その違いは画像をどこかに置いた瞬間にだけ現れます。白の上に保存されたロゴは白いページの上では完璧に見えますが、色付きのヘッダー、暗いナビゲーションバー、写真、グラデーションのスライドに置いた途端、目に見える白い長方形に変わります。色付きのカテゴリータイルに載せる商品写真、相手のチャット背景がどんな色か分からないステッカーや絵文字、守るべき写真の上に重ねる透かし、白くない紙に印刷するものについても同じです。こうした場面ではアルファチャンネルはあれば嬉しい機能ではなく、要件そのものです。このページが存在する2つ目の理由は検証であり、多くの背景削除ツールが省略している部分です。透過は構造上、目に見えません。実は不透明なファイルも、ファイルブラウザでもサムネイルでも、多くのエディターの明るい背景の上でも、正しいファイルとまったく同じに見えます。そして人は最悪のタイミングで問題に気づきます。プレゼン中に素材が暗いスライドに載ったとき、クライアントがブランドカラーの上でロゴを開いて薄い四角を見つけたときです。実際に何ピクセルが透明化されたかという数値を読み、ダウンロード前に黒い背景の上で切り抜きを見ること。これだけで、そうした「発覚」が5秒の確認に変わります。より分かりにくい失敗、つまり透過は本物なのに古い背景の1ピクセルのふちが残っていて、暗い背景に置くたびに被写体が白く縁取られる、というケースも同じ方法で見つけられます。

白い背景ではなく、ピクセルごとの本物のアルファチャンネル
市松模様が隠してしまうふちを露わにする背景切り替え
透明・柔らかいエッジ・不透明の割合を、出力そのもので実測して表示
拡張子も正しく修正したPNG書き出しで、後続の工程が誤解しない

背景を透過して、それを確認する方法

切り抜き自体はクリック1回です。時間をかける価値があるのはそのあとの確認で、背景切り替えと数値はそのためにあります。

1

JPGまたはPNGをアップロードします。初回のみセグメンテーションモデルが端末にダウンロードされ、10〜30秒ほどかかります

2

「背景を透過する」を押し、進捗バーが終わるまで待ちます

3

背景を白、次に黒へ切り替え、被写体の輪郭に沿って古い背景のふちが両方向とも残っていないか確認します

4

透明化された割合がゼロより大きいことを確かめて、透過PNGをダウンロードします

よくある質問

作れません。ただ受け入れるより、理由を知っておく価値があります。JPG形式は3チャンネルしか持たず4番目がないため、ピクセルが透けていることをファイル内に記録する場所がありません。アルファ付きの画像をJPGでエンコードするようブラウザに指示しても警告は出ず、透明な領域は先に単色で塗りつぶされます。しかもその色は白ではなく黒なので、切り抜いた被写体は黒い長方形の上に暗いふちを伴って戻ってきます。このページのダウンロードがPNG固定で、ファイルの拡張子もそれに合わせて書き換えられるのはそのためです。本当に単色の背景が欲しい場合は、エンコーダーに選ばせるのではなく、自分で選んだ色に意図的に合成してください。
異常が起きたわけではなく、モデルが分離すべき背景を見つけられなかっただけです。被写体が画面全体を占めている場合、奥行きの手がかりがない平面的なグラフィックやスクリーンショットの場合、あるいは被写体と背景の色や質感が近すぎて検出すべき境界がない場合に起こります。結果は有効なPNGですが不透明であり、どこに置いても元画像と同じように振る舞います。被写体の周囲に背景が見えるよう切り抜くか、両者の差がもっと大きい画像でお試しください。
画像全体のおよそ2パーセント未満ならきれいな切り抜きです。本物のアンチエイリアスの輪郭は1〜2ピクセル幅しかないため、現実的な写真であれば画面のごく一部しか占めません。2〜6パーセントは、境界が本当になだらかな髪、毛並み、ソフトフォーカスの被写体では普通です。6パーセントを超えると、その柔らかい帯はもはや輪郭ではありません。完全に透明化されるべきだった背景全体に広がった半透明の膜であり、暗い元画像や質感の強い元画像でよく起こります。黒い背景に切り替えれば、その膜はすぐに見て取れます。
エッジのピクセルに残った背景色です。境界上のピクセルは被写体と背景が物理的に混ざった本物の中間色なので、背景を取り除いてもその色の一部が焼き付いたまま残ります。このツールはすでに、局所的な背景色を推定してそのピクセルから差し引く処理を行っており、大部分は取り除かれますが、暗い被写体の背後に明るい背景があるケースが最も難しく、多少のふちが残ることがあります。被写体と背景のコントラストが極端でない条件で撮影・入手するのが最も効果的な対処です。それが難しい場合は、少し切り抜くか、フル機能のエディターで手作業のエッジ調整を行えば仕上がります。
いいえ。WebP、AVIF、GIF、TIFFもそれぞれの形で透過を扱え、特にWebPは同じ品質でより小さいファイルになります。それでもこのページがPNGで書き出すのは、あらゆるブラウザ、あらゆるOSのプレビュー、あらゆるオフィスソフト、あらゆるデザインツールが条件なしに読める唯一の形式だからです。透過素材はそうした多くの環境を渡り歩くことになります。GIFは選択肢に見えて実はそうではない例として挙げておく価値があります。GIFの透過は1ピクセルにつき「透ける/透けない」の1ビットしかなく中間値がないため、柔らかいエッジはすべてギザギザの硬いエッジになります。
はい。いずれもPNGのアルファを正しく読み取り、画像はスライドやカンバスの背景の上に何も挟まずに載ります。透過が失われやすい場所はアプリ自体ではなく変換の工程です。どこかでJPGに書き出せば透過は永久に平坦化されますし、古いPDF書き出しの経路では透過が白に統合されることがあります。画面ではきれいだったロゴが印刷すると白い四角に囲まれている場合、原因はほぼ確実に元ファイルではなく、その平坦化の工程です。
PNGの圧縮がロスレスで、JPGがそうではないからです。JPGなら数百キロバイトの写真も、PNGでは簡単に数メガバイトになります。PNGは目が気づきにくいディテールを捨てるのではなく、全ピクセルを厳密に保存するからです。アルファチャンネルも全ピクセルに4バイト目を加えるので、その分が上乗せされます。PNGで透過とロスレスの品質を保つ以上これは避けられません。忠実さよりサイズが重要なら、結果を圧縮ツールに通すか、公開前に実際に必要な寸法まで縮小してください。
背景削除とこのページは同じローカルのセグメンテーションを実行し、同じ種類の切り抜きを作ります。違うのはその周りです。あちらは被写体を主役に構成されていて結果を直接返しますが、こちらはアルファチャンネルを主役に構成されており、背景切り替えとアルファの実測値が加わっています。素材を世に出す前に検証したいときに欲しくなるのはこちらです。署名のページはまったく別のアルゴリズムです。セグメンテーションを一切行わず、周囲の紙より暗いものを残します。署名済みの紙の写真にセグメンテーションモデルを向けると、インクではなく紙のほうが切り抜かれてしまうからです。

その他の画像ツール

画像編集のニーズに応える他の強力なツールをご覧ください

画像圧縮

サイズ縮小

サイズ変更

寸法変更

画像切り抜き

領域を切り取る

形式変換

形式を変更

フォトエディター

写真を編集

画像回転

画像を回転

画像反転

水平/垂直反転

透かしを追加

透かし

枠線追加

画像枠線を追加

角丸

角丸を追加

フィルター

明るさ/コントラスト

顔をぼかす

顔を隠す

モザイク

領域をぼかす

背景削除

背景を削除

画質向上

AI拡大

テキスト追加

画像にテキストを追加

コラージュ

複数の画像を結合

HTMLから画像

Webを画像に

GIF からシーケンス

フレーム抽出

画像の余白を削除

空白の縁を削除

画像を一括リネーム

ファイル名を安全に一括変更

円形切り抜き

画像を円形に切り抜き

白黒

画像をグレースケールに変換

画像分割

画像をグリッドに分割

画像結合

画像を1つに結合

DPI変更

画像のDPIメタデータを設定

画像→Base64

画像をBase64にエンコード

画像をPDFに結合

複数の画像を1つのPDFにまとめる

HEIC→JPG

iPhoneのHEIC写真をJPGに変換

EXIF除去ツール

GPS位置情報を含む写真の隠しメタデータを表示・除去

ファビコン ジェネレーター

完全なアイコンセットとHTML

カラーパレット

画像から色を抽出

Base64→画像

Base64をデコードして画像に戻す

HEIC→PNG

iPhoneのHEIC写真をロスレスでPNGに変換

文字を被写体の後ろに

写真の被写体の後ろに文字を回り込ませる。すべてブラウザ内で完結

カラーピッカー

任意のピクセルのHEX・RGB・HSLを取得

署名メーカー

署名を手書きして透過PNGでダウンロード

署名の背景削除

紙の上のインクを透過に