透明画像を書き出すと白い背景や白い縁が出るのはなぜ?
ビューアーの背景、透明情報の消失、輪郭の色残りを区別。PNG・JPGの制約と、背景除去・書き出し・縮小・圧縮後の確認方法を解説します。
背景を除去した画像が、編集画面では正常なのにダウンロード後は白背景に見えることがあります。暗いページに置くと、被写体の周囲に白っぽい縁が出る場合もあります。似た現象でも、原因は異なります。
ファイルに透明情報が残っているか、ビューアーが何色で表示しているか、輪郭に元の背景色が残っているかを別々に確認しましょう。再出力が必要なのか、画像自体の修正が必要なのかを判断できます。
白い背景はビューアー側の表示かもしれない
透明部分に決まった表示色はありません。ソフトによって白、黒、市松模様などを敷いて表示するため、同じファイルでも見え方が変わります。
別の色の背景に重ねて確認してください。白かった部分が背景色に合わせて変わるなら透明です。白い長方形のままなら、白が画像の一部になっている可能性があります。
編集画面の透明表示用の市松模様は、通常は出力に含まれません。しかし、その画面をスクリーンショットで保存すると、模様は実際の画素になります。PNGで保存し直しても透明には戻りません。
PNGに対応していても、透明とは限らない
形式が決めるのは保存できる情報であり、個々のファイルの内容ではありません。PNGには透明部分も、完全に不透明な写真も保存できます。白背景のJPGをPNGに変換しても、白は自動的に消えません。
背景が画像に含まれているなら、まず背景除去が必要です。DocCrunch 背景除去はブラウザー内でローカルに処理し、PNGとして出力します。拡張子だけで判断せず、ダウンロードした結果の輪郭を確認しましょう。
一方、JPGは透明に対応していません。透明画像をJPGにする際は、背景色との合成が必要です。その結果をPNGに戻しても、失われた透明情報は自動復元されません。
白い長方形と輪郭の白い縁は別に考える
一面の白背景は、内容、出力形式、表示方法に関係することが多く、被写体周囲の白い縁は輪郭処理に関係します。
髪、毛皮、ガラス、少しぼけた輪郭には、被写体と背景の両方の情報が含まれます。背景を除去しても、一部の画素に元の色が残る場合があります。
元の背景が明るいと、その色残りは白背景では目立たず、暗い背景で淡い縁として現れます。
| 現象 | 考えられる原因 | 最初に確認すること |
|---|---|---|
| 画像の後ろに白い長方形がある | ビューアーの下地、元の白背景、透明情報の消失 | 背景色を替え、実際の形式を確認 |
| 輪郭に細い淡色の縁がある | 元の背景色が残っている | 暗い背景で拡大 |
| 髪や小さな部品が欠けている | 被写体の一部も除去された | 原画像と輪郭を比較 |
| 市松模様が常に見える | プレビューの撮影、模様入りの画像 | 処理結果そのものをダウンロードしたか確認 |
縁を隠すために輪郭全体を内側へ削ると、髪、細線、商品細部まで失うことがあります。複雑な輪郭は部分的な修正が必要で、形式変更だけでは直りません。
明るい背景と暗い背景の両方で確認する
背景が一色だけでは不具合を見落とします。明るい背景では暗い色残り、暗い背景では白い縁が見つけやすくなります。最後に実際の使用背景へ重ね、輪郭や残った影が自然かを判断してください。
まず実際の表示サイズで見てから、次を拡大します。
- 髪、毛皮などの細かい輪郭。
- 穴、持ち手、被写体内部で背景が見えるべき部分。
- ガラス、薄い布などの半透明部分。
- 被写体の下の影や接地部分。
半透明の画素がすべて誤りとは限りません。自然な柔らかい輪郭は不透明度が段階的に変わります。すべてを硬い境界にすると、ギザギザや紙の切り抜きのような印象が出ることがあります。
用途に合わせて透明を残す
複数の背景色に重ねる素材は、透明版を残します。PNGが一般的ですが、WebPとAVIFも透明に対応しています。受け取るソフトと出力ツールの対応はそれぞれ確認が必要です。
背景色が固定なら、出力時に色を明示的に選びます。DocCrunch 画像形式変換はJPG、PNG、WebP、AVIFに対応し、JPG出力では白、灰、黒の背景を選べます。
背景色を指定すると結果を管理しやすくなりますが、透明部分の下に色を加えるだけで、切り抜きの輪郭は再計算されません。淡い色残りは暗い塗りつぶしでも見える場合があります。
透明素材と納品版は別々に保管しましょう。背景を変更するときに、合成済み画像から再び切り抜く必要がなくなります。
サイズ変更後も輪郭を確認する
拡大・縮小によって細線が薄れ、小さな穴が目立たなくなり、以前は気づかなかった色の縁が強調されることがあります。
画像サイズ変更で最終サイズにしたら、使用予定の背景で再確認してください。画像圧縮も行うなら、最後は圧縮済みファイルを確認します。
途中のプレビューだけで判断しないことが大切です。実際に渡すダウンロード済みファイルの形式、寸法、透明部分、輪郭が用途に合っている必要があります。
被写体が欠けず、背景に自然になじみ、意図しない色が加わっていないこと。拡張子を何度も変えるより、これらを順に確認する方が確実です。
おすすめの DocCrunch ツール
これらのツールは可能な限りブラウザ内でローカル実行され、ファイルをサーバーへアップロードする必要がありません。