PNGは自動的に透明になる形式ではありません。背景のピクセルが残っている、書き出し時に単色背景が追加された、またはビューアーが透明な部分の後ろを白で表示していることがあります。
まずダウンロードしたファイルを確認しましょう。色付きの背景の上に置いてみてください。被写体の周囲から背景色が見えるなら、その部分は透明で、もう一度背景を削除する必要はありません。白い四角が画像に付いたままなら、以下を確認してください。
PNG に白い背景があるのはなぜ？
白いピクセルと透明なピクセルは、白いページ上では同じように見えます。ロゴも白いページでは問題なく見えても、ネイビーのヘッダーに置くと白い長方形が現れることがあります。
ファイルは次の手順で確認できます。
- 画像を使う予定のスライド、デザイン、またはページで、背景を青などの対照的な色に設定します。
- ダウンロードした PNG をその上に配置します。画像の不透明度は 100% のままにし、周囲に塗りつぶし付きのフレームがあれば外します。
- 背景をさらに暗い色に変更します。被写体の周囲と、本来は抜けているはずの隙間を確認します。
ブラウザーのテーマを変えたりサムネイルを見ることは、同じ確認ではありません。色が画像のすぐ後ろにある必要があります。まだデザインに PNG を置いていないなら、サムネイルが白いだけで編集する理由にはなりません。
| 見える状態 | 意味 | 次にすること |
|---|---|---|
| 被写体の周囲から新しい背景色が見える | その部分は透明 | PNG はそのまま使い、白く見えた場所の背景を確認する |
| 白い長方形が付いたまま | ファイルに白い背景が含まれるか、背後に塗りつぶしフレームがある | フレームを外してから、元画像と書き出し設定を確認する |
| グレーと白の市松模様が付いたまま | 市松模様が画像に保存されている可能性がある | プレビューではなく元のアセットを入手する |
| 薄い輪郭だけが残る | 背景は透明だが、縁に残りがある | 下の白い縁に関する確認へ進む |
ビューアーは透明な部分に表示する背景色を選べます。PNG 仕様でもこの表示動作が説明されています。ビューアーで白く見えるだけでは、その部分に白いピクセルがあるとは限りません。
PNG の透明化がうまくいかないときに確認する一般的な原因
背景が最初に現れた場面に当てはまるものを選んでください。
元の画像にまだ背景がある
白い背景の画像を PNG に変換しても、白い背景は残ります。.jpg の名前を .png に変えても同じです。ファイル形式もピクセルも変わりません。
編集可能な元データがある場合は、背景レイヤーを非表示にするか背景オブジェクトを削除してから、透明を有効にして書き出します。背景がすでに1枚の画像に含まれている場合は、透明な PNG として保存する前に FreeBG で削除してください。
元ファイルではなくプレビューをダウンロードした
サムネイルやスクリーンショットには、画面上で見えていた白い背景や市松模様が含まれることがあります。ファイル名が「透明」となっていても、四角は画像の内容になります。
元の提供元に戻り、オリジナルファイルをダウンロードしてください。そのファイルが入手できない場合は、取り込まれた背景を削除する必要があります。拡張子を変えても消えません。
書き出し時に背景が含まれた
書き出す前のデザインは透明に見えたのに、保存したファイルに白い四角がある場合は、表示中の背景レイヤー、白い長方形、またはキャンバスの塗りつぶしを確認してください。それらを非表示にし、PNG を選び、利用できる透明設定を有効にします。
FreeBG では、白とカスタムカラーを選ぶと塗りつぶし背景が PNG に保存されます。透明に切り替えて、もう一度ダウンロードしてください。出力の選択を変えるだけなら、背景削除を再実行する必要はありません。
変換や転送で透明度が失われた
PNG が送信またはアップロード前は正常だった場合は、ローカルのファイルと、送信先で受信またはダウンロードしたファイルを比べます。どちらも同じ色付きの背景の上に置いてください。
- ローカルのファイルだけ正常: 転送されたコピーが変わっています。元の PNG をファイル添付で送信し、受信したコピーに透明度が残っているか確認します。
- 両方とも正常: 送信先の画像フレームと背景設定を確認します。
- どちらも正常でない: 元画像または書き出し設定に戻ってください。問題は転送前から始まっています。
途中で JPG を経由すると変化の理由になることがあります。通常の JPG 出力では透明度を保持できず、PNG に戻しても透明な部分は復元されません。残っていれば、最後に正常だった PNG を使ってください。
プレビューが透明な画像の後ろを白で表示している
白いコンテンツブロック内にある透明なロゴは、暗いページでも白い背景の上にあるように見えます。ブロックの塗りつぶしを変えるか、ロゴを意図した背景の上に直接配置してください。
PNG がすでに色付き背景の確認を通過している場合は、ファイルをそのままにしてください。背景削除をもう一度実行しても、画像の背後にあるページの背景は変わりません。
FreeBG で PNG の背景を透明にする方法
白い背景が画像の一部なら、FreeBG の PNG 背景削除ツールで透明なバージョンを作成できます。
- 元の画像をアップロードする。 画像をアップロードをクリックし、スクリーンショットや小さなプレビューではなく、鮮明な元ファイルを選びます。
- 背景を削除する。 背景を削除をクリックし、FreeBG が主な被写体を周囲から分離するまで待ちます。アップロードだけでは削除は始まりません。
- 結果を確認する。 髪の毛、細い線、淡い細部、被写体の内側にある空間を確認します。
- 透明を選ぶ。 出力の背景で透明を選びます。白またはカスタムカラーの背景をプレビューしていた場合は、保存前に戻してください。
- PNG をダウンロードする。 透明PNGをダウンロードをクリックし、ダウンロードしたファイルを実際に使う場所で開き、対照的な背景の上で確認します。
保存済みファイルの例を含む手順は、PNG を透明にする方法をご覧ください。FreeBG の出力カラー設定では処理結果を確認できますが、アップロードまたはダウンロードした PNG を単独で検証するものではありません。
背景を削除するときに白い細部を残す方法
白い背景に白いヘッドホンがある場合、製品の周囲の空間は消えるべきですが、ヘッドバンドとイヤーパッドは残るべきです。白いピクセルをすべて削除すると、製品まで損なわれます。
切り抜きを暗い背景の上で元画像と比較してください。消えた白い文字、淡い布地、ハイライト、細い輪郭がないかを見ます。開いた空間も別々に確認します。たとえば持ち手の下の隙間は透明である必要がありますが、持ち手上の反射は被写体の一部です。
重要な細部が欠けている場合は、元画像に戻ってください。画像が小さい、またはぼやけているときは、より鮮明な元画像が役立つことがあります。元画像がすでに鮮明なら、同じ削除を繰り返しても同じ誤りになる場合があります。
FreeBG の自動ワークフローには復元ブラシがありません。被写体の一部が繰り返し削除される場合は、別の元画像を使うか、編集可能な元データに戻ってください。損なわれた切り抜きを完成デザインに使わないでください。
透明な PNG に白い縁が残るのはなぜ？
周囲の背景を削除した後でも、暗い被写体の周囲に薄い輪郭が残ることがあります。縁のピクセルに前の白い背景の色が残っていると、暗いレイアウトで目立ちます。
削除を試す前に、縁を元画像と比較してください。白い毛、ハイライト、意図的な輪郭は残すべきです。被写体の一部ではなかった均一な薄い縁取りは、背景の残りである可能性があります。
後の書き出しで縁取りが現れた場合は、それ以前の透明な PNG に戻ってください。最初の切り抜きにすでにある場合、出力背景を変えても隠すだけです。縁が用途に合わないときは、より良い元画像または編集可能な元データから始めてください。
拡大表示だけでなく、実際に使う表示サイズでも確認します。髪の毛や柔らかい影には、ある程度の半透明が必要です。すべての縁を硬い線にすると、ギザギザの輪郭になることがあります。
PNG が本当に透明か確認する方法
ダウンロードした PNG が最終配置で次の確認をすべて通過すれば、ファイルの準備はできています。
- 意図した空の領域から下の背景が見え、白い長方形や市松模様が付いていない。
- 白い細部、細い線、被写体の輪郭が保たれている。
- 必要なサイズで、明るい背景と暗い背景のどちらでも縁が許容できる状態に見える。
その PNG は未編集の元画像と一緒に保管してください。後のアップロードで見た目が変わった場合に、比較できる正常なファイルが残ります。
よくある質問
JPG を PNG に変換すると背景は透明になりますか？
いいえ。JPG を PNG に変換しても、背景を含む見えている画像はそのまま保持されます。まず背景を削除してから、結果を PNG として保存し、新しい透明部分を保持してください。
PNG に市松模様の背景があるのはなぜ？
市松模様は透明を示すプレビュー上の表現である場合も、実際に画像内へ保存されたパターンである場合もあります。PNG を単色の背景に置いてください。その色の上でも四角が残るなら、空の背景ではなく画像の一部です。
元ファイルがなくても、白い背景の PNG を修正できますか？
多くの場合は可能です。手元の PNG から背景を削除し、新しい透明なコピーとして保存します。ただし、小さな文字、ぼやけた縁、白い背景上の白い被写体は分離が難しいことがあります。利用できる画像にもう含まれていない細かな情報を、ツールが確実に復元することはできません。
