白背景を透明にする方法：背景透明化でPNG素材を作る
公開日
商品画像やイラストの白背景を消して、
- 透過PNGにしたい
- ブログやサムネに重ねたい
と思うことがあります。
この記事では、白背景を透明にする基本の考え方と、背景透明化の手順をまとめます。
白背景を透明にすると便利な場面
- 商品画像をブログのデザインに合わせたい
- アイキャッチやバナーで画像を重ねたい
- サムネイルを作りたい
など、背景が透明だと使いやすくなることがあります。
白背景を透明にする方法（基本）
白背景を透明にするには、ざっくり言うと
- 白い部分を背景として判定する
- その背景を透明にする
- 透過対応の形式で保存する（多くはPNG）
という流れになります。
Petanko Imageの「白背景透明化」でできること
Petanko Imageは、画像を軽く・扱いやすくするためのWeb向け画像最適化サイトです。
その中の「白背景透明化」ツールでは、白背景を透明にしてPNGとして保存できます。
ブラウザだけで処理できるため、画像ファイルを外部サーバーへアップロードしません。
うまくいかないときの注意点
白背景透明化は便利ですが、画像によっては次のようなことが起きることがあります。
- 白い服・白い髪なども透明になることがある
- 境界が少しギザギザに見えることがある
プレビューで仕上がりを確認しながら調整・使い分けするのがおすすめです。
【画像例】
今後も、Web向けの素材づくりがスムーズになるよう、改善を続けていきます。