透過PNGが黒や白になる理由と、透明を残す方法

透過PNGが黒や白になるのは、プログラムがJPGとして保存したとき、またはアプリが画像を再変換したときです。JPGにはアルファチャンネル（透明度の情報）がないため、透明を保存できません。そのため、変換するプログラムは透明なピクセルに何らかの色を入れる必要があります。白で塗りつぶすか、ピクセルに残っている色の値をそのまま使うかのどちらかになり、後者の場合は黒くなることがよくあります。透明を残したい場合はPNGかWebPで保存し、JPGで保存する場合は先に背景色を自分で選んでください。

背景を削除写真の背景を消したい無料で使う

PNGの透明とは

PNGは、各ピクセルの赤・緑・青の値と一緒に、アルファチャンネルを保存できます。アルファは、ピクセルがどれだけ不透明かを表す値です。完全に透明なピクセルでは、その後ろにあるもの（ページの背景色や資料の背景など）が見えます。表示側が合成を行うため、同じファイルでも白いページの上と暗いページの上で、それぞれ正しく見えます。

JPGにはアルファチャンネルがありません。すべてのピクセルは不透明な単色になるため、透明な部分も何らかの色で書き込む必要があります。JPGの形式では「透けて見える」という情報を残せないのです。

黒や白になる理由

変換ツールがアルファチャンネルを捨てるとき、もともと透明だったピクセルをどの色にするかを決める必要があります。よくある結果は次の2つです。

• 保存されている色。 透明なピクセルにも赤・緑・青の値は残っています。切り抜き画像の多くでは、その値が黒になっています。アルファだけを捨てる変換ツールは、その値をそのまま残すため、背景が黒く見えます。
• 塗りつぶしの色。 別の変換ツールは、まず背景を（多くは白で）塗り、その上に画像を重ねます。画像を変換ツールがこの方法です。JPGで保存すると透明部分は白で埋められ、その旨がツールの設定の横に表示されます。

アプリによって、3つ目の経路もあります。アップロードフォーム、チャットアプリ、メールソフトは、画像を表示する前に再変換することが多く、その途中でJPGに変換されることもあります。結果はアプリによって異なるため、同じPNGでもある場所では正しく見えて、別の場所では黒く見えることがあります。

透明を残すか、背景を選ぶか

必要な結果を先に決めてください。

必要なこと	保存形式	結果
Webサイトやデザイン用の切り抜き	PNGまたはWebP	透明を維持
同じ切り抜きを無地の背景に載せる	JPG	選んだ背景色

透明を維持するには、画像を変換ツールを開いてPNGを選びます。ブラウザが保存に対応している場合はWebPでも構いません。どちらも透明部分を残せます。画像を圧縮ツールも透明を維持します。透明な画像はWebPで保存し、WebPを書き出せないSafariなどのブラウザではPNGで保存します。

透明部分を新たに作る必要がある場合は、背景を削除ツールを使ってください。このツールはブラウザ内でAIモデルを動かします。ダウンロード時の選択によって形式が決まります。

1. 透明のままにすると、ツールはPNGを保存します。
2. 白、単色、またはぼかしを選ぶと、その背景を付けたJPGを保存します。

フォームでJPGが必要な場合は、切り抜きの段階で背景を選んでください。変換ツールに任せると、黒が選ばれることがあるため避けましょう。

透明が残っているか確認する

変換したファイルは、信用する前に2種類の背景で開いて確認してください。無地の白いWebページと暗いWebページに置く、あるいは色のついたスライドや資料に配置します。どちらでも同じ背景が見えれば、ファイルに透明情報はなく、色が焼き込まれています。周囲の色が変わるなら、透明は残っています。

編集ソフトでは、透明部分の表示がまた違います。多くの画像編集ソフトは、透明部分の後ろに灰色と白の市松模様を表示します。一方、簡易的なビューアーでは黒や白で表示されることがあります。市松模様は「そこに何もない」ことを示す編集ソフトの表示方法であり、画像の柄ではありません。ファイルは実際に使う場所で確認し、それ以外のプレビューは大まかな目安として扱ってください。

塗りつぶしの色を意図して選ぶ

出力をJPGにする必要がある場合は、変換ツールに任せる前に背景を決めてください。白いページや白い資料には白が合います。ブランドのブロックや色つきのページには単色が向いており、画像の周囲の縁がなじむよう、画像の後ろにあるページの色に合わせるとよいでしょう。背景を削除ツールのぼかしオプションは、同じ写真をぼかした画像で背景を埋めます。写真の場合は、無地の塗りつぶしより自然に見えることがあります。画像を配置する場所に合ったオプションを選び、その場所で確認してください。

fixmintでの手順

1. 元の透過PNGを残し、JPGとして保存しないでください。JPGは透明を失わせます。
2. Webサイトやデザインに使う場合は、PNGかWebPに変換すると、透明部分が空のまま残ります。
3. JPGが必要な場合は、自分で背景を付けてください。背景を削除ツールでは、被写体の後ろに白、単色、ぼかしの背景を配置でき、JPGとして保存できます。
4. 使う前に、ファイルを2種類の背景で開いて確認してください。周囲の色が変われば、透明は残っています。フォームにサイズ上限がある場合は、最後に圧縮してください。

例外的なケース

• ぼやけた縁。 髪の毛、影、ガラスには、一部だけ透明なピクセルがあり、もとの背景の色を残しています。新しい背景に載せると、明るいまたは暗い縁取りが出ることがあります。縁のきれいな切り抜きを使うか、もとの背景に近い背景色を選んでください。
• JPGでは透明を保持できない。 フォームがJPGしか受け付けない場合は、透明部分を何らかの色で置き換える必要があります。JPGの設定をどう変えても、この点は変わりません。
• 提出先で確認する。 フォーム、ページ、アプリなど、ファイルを使う場所で確認してください。プレビューは、実際の表示と違う背景を使っていることがあります。
• 形式の選び方。 Web上の図版では、PNGが一般的な選択です。JPG・PNG・WebPの違いで、より詳しく比較しています。WebPファイルがアプリで開けない場合は、WebP画像が開けない理由をご覧ください。