画像の透過背景が消えてしまう理由
この記事のポイント
- PNG・WEBP・SVGは透過背景を持てます
- JPG・EPSに変換すると白になります
- 透過の元データはPNGかSVGで保管を
ロゴを変換したら背景が白く塗られていた、という経験は誰にでも一度はあるはずです。透過背景はすべての形式が対応している機能ではないので、形式を変えた瞬間に消えてしまうことがあります。
透明度に対応している形式
| 形式 | 透過背景 |
|---|---|
| PNG | 対応(半透明まで) |
| WEBP | 対応(半透明まで) |
| SVG | 対応 |
| GIF | 完全な透明のみ対応(半透明は不可) |
| ICO | 対応 |
| JPG | 非対応 |
| BMP | ふつうは非対応 |
| EPS | 非対応 |
なぜ白になる?
JPGのように透明度を記録する場所がない形式では、すべてのピクセルに色がなければなりません。そのため変換するときに透明な部分を何かの色で埋める必要があり、ほとんどのアプリは紙のような白を選びます。黒で埋めるアプリもあるので、変換後に背景が黒くなったのも同じ理由です。
影や柔らかい輪郭のような半透明の部分は、白い背景の上に重ねて見える色に変わります。そのため白い背景では自然ですが、その画像をあとで暗い背景に置くと、輪郭に白いふちが見えます。
透過背景を保つには
- Webで使う画像はPNGかWEBPで保存してください。WEBPへの変換は透過背景を保ったまま容量も小さくします。
- ロゴはSVGの元データを保管しておきましょう。必要なときにいつでも透過PNGを作り直せます。
- 印刷用のEPSが必要で透明の効果が大切なら、PDFで受け付けてもらえるか印刷会社に聞いてみてください。PDFは透明度を入れられます。
すでに白背景になってしまった画像は?
JPGになって白くなった背景は、形式をPNGに戻しても透明にはなりません。背景を別に消す必要がありますが、背景が1色なら単色の背景を透過にするですぐに消せます。背景が複雑な写真には、背景削除の機能がある画像編集アプリが必要です。だからこそ、透過背景のある元データはPNGかSVGで保管しておくのがおすすめです。