背景削除
背景透過とは何ですか?
透明な背景とは、画像の中でそれ自体の色を持たない領域のことで、画像の後ろにあるものが透けて見えます。ファイルはこれをアルファチャンネルに保存します。すべてのピクセルが、完全な透明から完全な不透明までの不透明度の値を1つ持ちます。PNGとWebPはアルファチャンネルを持てますが、JPEGは持てません。
執筆:DreamBenchチーム。更新。
背景透過の概要
概要
- 記録場所
- アルファチャンネル:ピクセルごとに1つの不透明度の値。
- 保持できる形式
- PNG、WebP、AVIFは完全に対応。GIFは1色のみ。
- 失われる形式
- JPEG(アルファチャンネルなし)。
- 表示のされ方
- 多くの編集ソフトではグレーと白の市松模様で表示されますが、これはファイルの一部ではありません。
透明度が記録される仕組み
アルファチャンネルを持つピクセルは、赤、緑、青に加えて、どれだけ不透明かを表す4つ目の数値を持ちます。PNGの仕様では、0が完全な透明、最大値が完全な不透明を意味し、その間の段階があるおかげで、髪の毛やガラスのようなやわらかな輪郭を半透明のまま残せます。
マスク
各ピクセルは内か外のどちらか。輪郭のはっきりした物なら十分ですが、髪、煙、モーションブラーではカクカクになります。
マット
各ピクセルが0〜100%の透明度を持つので、ほつれた髪の毛も柔らかさを保ちます。
編集ソフトで見えるグレーと白の市松模様は、ファイルの一部ではありません。アプリが透明なピクセルを表示するための模様です。PNGを別の場所で開いても市松模様が見える場合は、模様が普通のピクセルとして保存されていて、背景は透明になっていません。
切り抜きのスクリーンショットも同じです。スクリーンショットは、被写体の後ろの市松模様や色も含めて、画面に表示されていたものを普通のピクセルとして記録するので、アルファチャンネルがありません。透過を保つには、ファイルそのものをダウンロードするか書き出してください。
ストレートアルファとプリマルチプライドアルファ
透けるピクセルの保存方法は2つあります。ストレートアルファは色と不透明度を別々に保存し、プリマルチプライドアルファは不透明度をあらかじめ掛けた色を保存します。PNGはストレートアルファを使います。アプリが2つを取り違えると、切り抜きの輪郭に暗いか明るいフチが出ます。
透明度を保てるファイル形式
| 透過 | 柔らかいエッジ | 主な用途 | |
|---|---|---|---|
| PNG | 完全なアルファチャンネル | 対応 | 切り抜き、ロゴ、スクリーンショット |
| WebP | アルファチャンネル(可逆圧縮・非可逆圧縮の両方) | 対応 | Webサイトの画像 |
| AVIF | 画像とは別の2枚目の画像として保存されるアルファチャンネル | 対応 | Webサイトの画像 |
| GIF | 1色を透明として指定できる | なし:各ピクセルは表示か非表示のどちらか | シンプルなアニメーションやアイコン |
| JPEG | なし:透明な部分は単色で塗りつぶされる | いいえ | 写真 |
| SVG | ベクター形式。キャンバスは最初から透明で、描かれた部分だけが色を持つ | ピクセル数ではなく、形で | 拡大できるロゴとアイコン |
PNGは通常、同じ画像のJPEGよりファイルサイズが大きくなります。Web用には、WebPなら透過を保ったまま小さくできます。
背景透過が使われる場面
- Webサイト、スライド、動画のどんな色の上にも置けるロゴ。
- ネットショップ、ECモール、モックアップ用の商品の切り抜き。
- SNS投稿用のステッカーやオーバーレイ。
- Canva、PowerPoint、Google スライドのデザインに配置する切り抜き。
DreamBenchで背景を透過する方法
背景透過PNG作成ツールとAI背景透過・背景削除ツールは、マッティングモデルのBiRefNetを使い、輪郭も含めてどのピクセルが被写体に属するかを割り出します。ダウンロードできるのは、背景が完全に透明なPNGです。
切り抜き1回で7クレジットを使います。被写体の見つけ方と輪郭の残し方は背景削除で説明しています。手元のPNGが本当に透過されているか確かめるには、PNGの背景を透過する方法をご覧ください。
概要
- テイク
- 40MBまでのJPEG、PNG、WebP、HEIC。長辺が2048ピクセルを超える画像は、先に2048ピクセルに縮小されます。
- 得られるもの
- 完全なアルファチャンネルを持つPNG。サイズはアップロードした画像と同じで、長辺は最大2048ピクセルです。
- エッジ
- マットはピクセルごとに推定されるため、髪の毛、毛並み、ぼかしのかかった輪郭は硬い線で切られず、半透明のまま残ります。
- 料金
- 切り抜き1回で7クレジット、どのプランでも。失敗した実行分は返金されます。
- 時間
- 数秒。マッティングモデルが1回処理するだけで、何も描き直しません。
- 代わりに白背景に
- 背景を白にするツールは、透過を保てないサイト向けに、同じ切り抜きを#ffffffの白に統合します。
- アップロードした画像
- 7日後に結果とともにツールのストレージから削除。モデルの学習には使いません。
透過PNGは、AI画像高画質化を通してもアルファチャンネルを保ちます。PNGをアップロードすれば、透過も含めてPNGで返ってきます。作成画面では、切り抜きは参照画像です。動画モデルが被写体をシーンの中に描くので、クリップには背景があり、透明にはなりません。
よくある質問
PNGなのに透過されていないのはなぜですか?
PNGが透過になっていないのは、市松模様がグレーと白のピクセルとして保存されたか、途中でJPEGとして保存されたか(.pngに名前を変えたJPEGにもアルファチャンネルはありません)、書き出し時に透過がオフで、アルファチャンネルが落ちたからです。ファイルブラウザやプレビューには透過ピクセルを白で表示するものもあるので、ファイル自体は問題ないこともあります。色つきの背景の上で確認してください。それでも白や市松模様が見えるなら、そのピクセルは実際にあります。
PNGが透過かどうかを確認するには?
編集ソフトやスライドアプリで色のついた背景の上に置いてみてください。色が透けて見えれば透過しています。白やグレーの市松模様が見えるなら、それはふつうのピクセルです。
PowerPointやCanvaでロゴの周りに白い四角が出るのはなぜですか?
ファイルがJPEGか、平らにされたPNGです。どちらも、透過していた部分に白いピクセルが保存されています。ロゴを透過をオンにしたPNGで書き出し直すか、背景透過・背景削除ツールにかけてPNGをダウンロードしてください。
透過PNGの背景が黒く表示されるのはなぜですか?
透過PNGの背景が黒くなるのは、表示するアプリやサイトが透過に対応しておらず、空のピクセルを黒に合成しているためです。多くのECモールと一部のスマホのギャラリーがこうなります。ファイル自体に問題はありません。透過に対応していない場所には、白背景版の画像をアップロードしてください。DreamBenchの背景を白にするツールなら1ステップで作れます。
切り抜きの周りに白や暗い縁が出るのはなぜですか?
輪郭のピクセルに元の背景の色が残っているか、アプリがストレートアルファと乗算済みアルファを混同したかのどちらかです。透明レイヤー上の切り抜きから書き出し直し、実際に使うビューアーでファイルを確認してください。
JPEGでも背景を透過できますか?
いいえ。JPEGにはアルファチャンネルがないため、ファイルを保存すると透明な部分は単色で塗りつぶされます。透明度を保つには、PNGかWebPを使ってください。
アルファチャンネルとは何ですか?
画像ファイルの中で、各ピクセルがどれだけ不透明かを、完全な透明から完全な不透明まで記録する部分です。アルファチャンネルがあれば、髪の毛のようなやわらかな輪郭を半透明のまま残せます。
背景を透明にするにはどうすればいいですか?
マッティングツールで背景を削除し、結果をPNGかWebPで保存します。JPEGでは透過を保てないので、保存前にファイル形式を確認してください。
透過PNGの輪郭がギザギザになるのはなぜですか?
透過PNGの輪郭がギザギザになるのは、輪郭に沿った各ピクセルが完全に表示されるか完全に隠れるかのどちらかで、その間の値がないときです。GIFは1色しか透明にできないのでそうなり、マッティングではなくセグメンテーションだけで作った切り抜きも同じです。マッティングモデルは輪郭に中間の値を残します。DreamBenchの作成ツールはそうしています。結果はその値を保てるPNGかWebPで保存し、GIFでは保存しないでください。
透過PNGはJPEGより容量が大きいですか?
たいていはそうです。PNGは劣化なしで圧縮し、すべてのピクセルに4つ目の値を保存するので、写真のPNGは同じ画像のJPEGより大きくなります。透明背景の切り抜きは例外で、透明な領域がすべて同じ値なのでよく圧縮されます。WebPはWeb向けに、より小さいサイズでアルファチャンネルを保ちます。サイトがWebPを求める場合は、編集ソフトでPNGを変換してください。
透過PNGから作ったステッカー、プリント、デザインを販売できますか?
はい、権利を持っている画像なら使えます。DreamBenchの利用規約では、ツールで作ったものを、広告、収益化コンテンツ、クライアント向けの仕事を含め、個人目的にも商用目的にも使えます。商用利用のための別のアップグレードはありません。利用規約は結果の著作権を保証するものでも、アップロードに含まれる他人の権利を処理するものでもないので、他人の写真、ロゴ、キャラクターの切り抜きをライセンスする権利は、あなたではなくその人にあります。
関連ページ
DreamBenchのツール
用語
出典
- W3C:Portable Network Graphics(PNG)仕様 第3版W3C(に確認)
- Google for Developers:ウェブ用の画像形式(WebP)Google(に確認)
- W3C:PNG Specification, Third Edition、§6.2 Alpha representationW3C(に確認)
- AV1 Image File Format(AVIF)Alliance for Open Media(に確認)
- W3C: Graphics Interchange Format, Version 89aW3C(に確認)
- W3C:SVG 2、第3章「Rendering Model」W3C(に確認)
DreamBenchは独立したプラットフォームで、このページに登場する企業との提携や、それらの企業による推奨はありません。