透明な背景画像を生成する方法（PNG, WebP, フォーマット）

Last updated: 2026年6月27日

透過背景があれば、切り抜いたオブジェクトをどんな背景の上にも配置できます。マーケットプレイス用には白、広告にはブランドカラー、レイアウトには写真などです。しかし、透明性は形式的な機能であり、当然のことではありません。JPEGは全く対応できませんが、PNGやWebPは可能です。本ガイドでは、どのフォーマットが透過性をサポートしているか、透過画像をどのように作成するか、そしていつ追加の手順をかける価値があるかを解説します。

クイック回答：画像を透明にするには？

背景をアルファチャンネルに除去し、それをサポートする形式で保存します。実用的なルールは以下の通りです。

Background Remover を使用して切り抜きを取得し、PNGまたはWebPとしてエクスポートします。除去の仕組みについては、AI background removal guide を参照してください。

どの画像フォーマットが透過性をサポートしているか？

透明性はアルファチャンネルから来ています。これはRGBカラーに加えてピクセルごとの不透明度値を持つものです。すべての形式がこれを持っているわけではありません。

上記の図は違いを示しています：PNGとWebPはチェッカーボード（透過）を維持しますが、JPEGはアルファチャンネルがないためその領域を白で塗りつぶします。これが、除去した背景をJPEGとしてエクスポートすると透明性が失われる最も一般的な間違いです。

アルファチャンネルの仕組みは？

アルファを持つPNG/WebPの各ピクセルには、赤、緑、青、そしてアルファ（RGBA）の4つの値があります。アルファは不透明度であり、0は完全に透過、255は完全に不透明を意味し、その間の値が半透明です。目に見える合成画像は、切り抜きが背後にあるものの上にブレンドされたものです。

半透明のピクセルは、髪、毛皮、影など、ソフトなエッジにとって重要です。1-bitの透過性しか持たない形式（GIF）では、これらのエッジがギザギザになったり、ハローが発生したりします。PNGとWebPのアルファはそれらをソフトに保ちます。MDN alpha channel reference はブラウザでのアルファ合成がどのように機能するかを説明しています。

透過画像をどのように作成するか？

1. 可能な限りシンプルな背景の被写体から始めること。 単色の白または緑の背景は、複雑なシーンよりもきれいに除去するのがはるかに簡単です。
2. 背景を除去する。 自動除去にはBackground Remover を使用するか、バッチ処理にはrembgのようなCLIツールを使用します。
3. PNGまたはWebPとしてエクスポートし、決してJPEGにしないこと。 エクスポーターがアルファチャンネルを保持していることを確認してください。
4. エッジを200%でチェックする — ハロー（残った背景の縁）やギャップ（欠落した被写体）がないか確認します。
5. コントラストの高い背景の上でテストする ことで、透過性が単に白の上に白であるのではなく、実際に機能していることを確認します。

クリーンな製品切り抜きの場合、その結果はどんな背景にも乗ります：

この再利用性がすべてです。一つの切り抜きが、再撮影することなく、マーケットプレイスの画像、広告クリエイティブ、ソーシャル投稿になるのです。background removal use cases ガイドで全用途を確認できます。

プログラマティックに背景を除去する方法は？

バッチ処理の場合、rembg（U2-NetをラップしたCLI）は透過PNGを出力します：

pip install rembg
## 一枚の画像
remgb i input.jpg output.png
## フォルダ全体
rembg p input_dir/ output_dir/

ImageMagickと単色背景を使用すると、簡単なケースではファズしきい値による除去が機能します：

## 白に近いピクセルを透過に除去する（白背景の製品撮影に適している）
magick input.jpg -fuzz 15% -transparent white output.png

このファズアプローチは、複雑な背景や髪には失敗するため、モデルベースのリムーバー（rembg）を使用してください。どのツールがどの作業に適しているかについては、background remover tools comparison を参照してください。

透過画像にはPNGとWebPのどちらが良いか？

どちらも完全なアルファをサポートしているため、選択はサイズと互換性によるものです：

Webページの場合は、<picture>要素でWebPを優先し、PNGをフォールバックとして提供します。メールの場合、PNGです。多くのメールクライアントはまだWebPをレンダリングしないためです。image format guide で完全なトレードオフについて解説しています。

透過性を避けるべき時は？

透過性が常に正しい選択とは限りません。以下の場合はスキップしてください：

• 画像がフルサイズで表示される写真である場合。 写真にはアルファは必要ありません。JPEGの方が小さく、適切です。
• 背景が画像の一部である場合。 ライフスタイルシーンやテクスチャのある背景はそのまま残すべきです。
• アルファをサポートしないシステム向けにエクスポートする場合。 一部の印刷パイプラインや古いエディタは、透過性を平坦化したり破損させたりします。
• ファイルサイズが重要で、被写体が硬いエッジを持つ場合。 背景色と一致させた背景を持つ平坦化されたJPEGは、透過PNGよりも小さくなる場合があります。

よくある間違い

• JPEGとしてエクスポートすること。 JPEGにはアルファがないため、透過エリアが白になります。PNGまたはWebPを使用してください。
• ハローを残すこと。 薄い背景の縁が新しい背景の上で目立ちます。マスクを1〜2px縮小/デフリンジ処理してください。
• ソフトなエッジにGIFを使用すること。 GIFは1-bitの透過性であり、髪や影がギザギザになります。PNG/WebPを使用してください。
• アルファを過度に圧縮すること。 一部の積極的な最適化ツールはアルファチャンネルを劣化させます。最適化後もエッジを確認してください。
• コントラストのある背景でテストしないこと。 白の上に白だと、失敗した除去に気づきません。必ず暗い色または色のついた背景の上でプレビューしてください。

よくある質問

どの画像フォーマットが透過性をサポートしていますか？

PNG（ロスレス、ユニバーサル）、WebP（ロッシーまたはロスレス、小型）、およびSVG（ベクター）です。JPEGは透過をサポートしていません— JPEGの切り抜きには強制的な背景が適用されます。マスター用にはPNGを、Web配信にはWebPを使用してください。

画像を透明にするにはどうすればよいですか？

背景を除去してアルファチャンネルを作成し、その後PNGまたはWebPとしてエクスポートします。除去は自動（AI）または手動（マスク）で行えます。background removal guide を参照してください。

透過画像にはPNGとWebPのどちらが良いですか？

Web配信にはWebP（小型でアルファをサポート）、マスター用および最大互換性にはPNGを使用します。<picture>要素を通じてWebPを優先し、フォールバックとしてPNGを提供することで、古いブラウザでも透過性を維持できます。

アルファチャンネルとはどういう仕組みですか？

各ピクセルは色に加えて不透明度値（アルファ）を持ち、画像の一部が完全に透過、完全に不透明、またはその間のどこかの状態になることができます。アルファチャンネルがあるからこそ、切り抜きをどんな背景の上にも配置できるのです。PNGとWebPがこれを保存し、JPEGはできません。

マットフリンジとは何ですか？どう除去しますか？

マットフリンジとは、元の背景の色が被写体のエッジピクセルに滲み出たことによって生じる、切り抜き周りの色のついたハローです。デフリンジまたは脱汚染ツールを使用するか、低不透明度で最も外側のエッジピクセルを消去することで除去できます。このフリンジは、切り抜きをコントラストの高い背景に配置したときに現れるため、発送前に必ず確認してください。

アルファチャンネルとは何ですか？

赤、緑、青に加えて、各ピクセルの透過度を保存する第4のチャンネルです。完全に不透明から完全に透過まで、その間のあらゆる状態を保持できます。このアルファチャンネルがあるからこそ、切り抜きをどんな背景の上にもソフトなエッジで配置できるのです。PNGとWebPがアルファチャンネルを保存し、JPEGはできません。アルファがない場合、切り抜きには強制的な単色背景が適用されます。

JPEGに透過性を追加できますか？

できません— JPEGにはアルファチャンネルがなく、透過性を保存することができないためです。透過画像を取得するには、背景を除去し、PNGまたはWebPとしてエクスポートする必要があります。どちらもアルファチャンネルをサポートしています。JPEGをPNGに変換しても透明性は追加されません。まず背景を除去してから、それを保持できる形式にエクスポートする必要があります。

JPEGを透過にできますか？

できません— JPEGにはアルファチャンネルがなく、透過性を保存することができないためです。JPEGは常に単色背景を持っています。透過性を得るには、背景を除去し、アルファチャンネルをサポートするPNGまたはWebPとしてエクスポートしてください。JPEGをPNGに変換しても魔法のように透明性は追加されません。まず背景が除去される必要があります。

画像クレジット

• フォーマットの透過性比較、切り抜きと背景、アルファチャンネルの概念 — スニーカー製品の写真（Pexels #1461048、Ray Piedraによる撮影）から著者によって生成され、フォーマットや背景を横断した実際の透過性を示しています。