こんにちは。バナナデスクです。
画像の背景を消したつもりでも、白いページでは気づかなかった縁の汚れが、紺色のバナーに載せると見えることがあります。背景透過とは、物体の周囲を透明にして、重ねた先の背景が見えるようにする処理です。白く塗ることとは違います。
この記事では、画像を1枚選び、AIへ編集を頼み、仕上がりを確かめて保存するまでの順番を説明します。ブログの編集担当が架空のマグカップ、泡立て器、ガラス瓶を使って実際に行った結果も紹介します。目指すのは、背景が透明で、必要な部分と元の形が残り、掲載先でも見やすい画像です。
PNGで保存できても、透明とは限らない
PNGは画像ファイルの形式の一つで、色と一緒に透明度の情報を保存できます。ただし、PNGという名前で保存できたからといって、背景が透明になっているとは限りません。白い四角を背景として描いたPNGもあります。
編集画面にある白と灰色の格子状の模様は「市松模様」と呼ばれ、透明部分を示す表示によく使われます。しかし、模様そのものが画像に描き込まれている場合もあります。確かめるときは、画像を重ねられる編集画面で白い四角を作り、その上にPNGを置きます。下の四角を黒に変えて、物体の周囲や穴の内側にも黒が見えるかを確認してください。白い四角や模様が残るなら、その部分は透明になっていません。

画像を作る小さな点を「画素」、または「ピクセル」といいます。W3CのPNG仕様では、画素ごとの透明度を「アルファ値」という数値で表す方式が定義されています。今回の画像で使った8bitのアルファは0から255までの値を取り、0は完全に透明、255は完全に不透明、その間は半透明です。不透明とは、下に置いた色が透けない状態です。
透明になった部分があるかと、正しく切り抜けたかは分けて見ます。例えば、背景と一緒に商品の縁を消しても、透明な画素は増えます。透明部分が多いほど、仕上がりがよいわけではありません。
残したい部分が違う3素材を用意した
検証に使ったのは、ブログの編集担当が2026年10月1日にOpenAIの組込画像生成機能で作成した、ロゴや文字のない3種類の架空商品の画像です。灰色の台と背景に物体を置いた画像で、実在の商品、顧客、撮影実績ではありません。元画像はいずれも1254×1254pxです。pxはピクセルの単位で、この場合は横にも縦にも1254個の画素が並んでいます。
自分の画像で始めるときも、まず「どこを消すか」と「どこを残すか」を書き分けてください。今回の3素材では、次の点を確認することにしました。
| 素材 | 今回残したいもの | 透過で見たい箇所 |
|---|---|---|
| 白いマグカップ | 不透明な陶器の輪郭と取っ手 | 外側だけでなく取っ手の穴 |
| 金属の泡立て器 | 細い金属線と持ち手 | 線と線の隙間、持ち手末端の輪 |
| 琥珀色のガラス瓶 | 瓶の形、栓、ガラスの色と反射 | 外側の背景と、ガラス内部の半透明部分 |
白いマグカップでは、白い陶器の縁まで背景として消さないことが大切です。泡立て器では、細い金属線を不要な点や汚れとして取り除かないようにします。ガラス瓶では、外側の背景を消すだけでなく、瓶の色や光の反射を残しながら、内部が透ける部分をどう扱うかも伝えます。
編集する画像を指定し、透明背景を明示する
編集を依頼するときは、文章だけで物体を説明するのではなく、変更したい元画像を添付して指定します。手元の1枚で進めるなら、次の順番にすると指示を整理できます。
- 元画像を残したまま、編集したい画像を1枚添付します。
- 消すものを「背景と台に落ちる影」のように具体的に書き、「白くするのではなく、透明背景にする」と伝えます。
- 物体の形・大きさ・色など、変えてほしくない部分と、その素材で残したい細部を書きます。
- 出力された画像をPNGで保存し、元画像と並べて確認します。ここでは元画像へ上書きしません。
ブログの編集担当による検証では、3つの元画像をそれぞれ編集対象に指定し、各1回ずつ背景透過を実行しました。共通の指示は次の内容です。実際に使用した英語の全文は、記事末尾の配布データに収録しています。
灰色の背景と台に落ちる影だけを取り除き、白や市松模様を描くのではなく、本当の透明背景にする。物体の形、位置、大きさ、向き、色、反射、細部を保持する。新しい物体や文字を加えない。
そのうえで、素材に応じて「取っ手の穴も透明にする」「細い金属線を残す」「ガラス内部は適切な半透明にする」という条件を加えました。出力後に輪郭を手で直したり、生成をやり直してよい結果だけを選んだりはしていません。
OpenAIの画像機能の案内でも、既存画像を渡して変更点を説明する方法と、背景を透明にする指示が紹介されています。また、編集が指定した範囲の外へ及ぶ場合もあると説明されています。そのため、「形を変えない」と書いた後も、実際の出力を元画像と見比べます。
マグカップは、取っ手の穴まで背景を替えて見る
マグカップの出力には、実際に透明度を表すアルファ情報がありました。物体の外側と取っ手の穴から、下の背景が見えます。白と黒の背景に重ねた縮小画像では、大きな灰色の背景の残りは目立ちませんでした。

ただし、陶器の中央にある1画素を調べると、アルファ値は完全不透明の255ではなく253でした。見た目はほぼ不透明でも、数値上はわずかに透ける状態です。この測定は中央の1画素についての結果で、輪郭全体が正しく切り抜けているかまで判定したものではありません。
自分の画像では、取っ手の穴を見た後、白い縁と底面を元画像と見比べてください。白い背景の上では、白い陶器の一部が欠けても気づきにくくなります。黒い背景に替え、最後に掲載先の色でも確認すると、残った背景と消えすぎた部分を見分けやすくなります。
細い線は残っていても、形が変わることがある
泡立て器では、金属線の間と、持ち手の末端にある輪の内側が透明になりました。主要な金属線は、白と黒のどちらの背景でも見えます。一方、画像全体の縦横の枠である「キャンバス」を同じ大きさにして並べると、出力後の泡立て器は元画像より大きくなっていました。

この結果は、元画像の物体を作る画素をそのまま残し、背景だけを取り除いたものとは扱えません。線の配置や光の反射も、元と同じとは保証できません。雰囲気を伝えるイメージ素材として使える場合はあっても、実商品の正確な形を伝える写真として、そのまま採用するのは避けます。
画像を小さくすると細い線がまとまって見え、形の違いに気づきにくくなることもあります。今回も160×160pxの透過版を作り、通常の比較画像とは分けて確認しました。小さく表示したときの見栄えだけで、元画像と同じ形だとは判断していません。
透明な瓶は、外周と内部を分けて点検する
ガラス瓶では、瓶の外側に透明な画素があり、胴体中央の1画素のアルファ値は184でした。0と255の間なので、そこは半透明です。黒い背景に重ねると、白い背景とは胴体の見え方が変わりました。

しかし、出力後の瓶は元画像より大きくなり、黒い背景では胴体に曇ったような模様も見えました。半透明の画素があることは確認できても、元のガラスを通る光や、光の進む向きが変わる「屈折」を正しく再現した証拠にはなりません。ガラスでは、外側の切り抜きに加え、内部に元の背景色が残っていないか、背景を替えても自然に見えるかを確認します。
3素材の出力は、いずれも1254×1254pxのRGBA形式でした。RGBAとは、赤・緑・青の色情報(RGB)に、透明度の情報(A)を加えたものです。四隅のアルファ値はすべて0でした。それでも泡立て器と瓶の大きさは変わったため、画像の縦横の寸法が同じで、四隅が透明というだけでは、物体の形や大きさが保たれたとは判断できません。
採用の判断を、記録できる形にする
自分の画像を点検するときは、次の3段階で進めます。見つけた違いは、「右の縁に灰色が残る」「取っ手の下が欠ける」のように、場所と状態を一緒にメモしてください。
- 白と黒の背景に重ねる。周囲、穴、細い線の間を見て、消し残しと、必要な部分の欠けを探します。
- 元画像と同じキャンバスの大きさで並べる。物体だけの大きさを合わせてしまわず、全体の枠を揃えて、形・位置・大きさ・色を比べます。細部も拡大して確かめます。
- 掲載予定の色と表示幅で見る。ページやバナーに実際に置き、細い線が見えるか、縁が目立たないかを確認します。

今回の検証は、編集時に目で見た結果と、アルファ情報の読み取りを記録したものです。正しい切り抜き範囲を1画素ずつ示す基準データである「正解マスク」との全画素比較や、利用者に使ってもらう試験は行っていません。確認できた点と、採用前に残る課題を次の表にまとめます。表のalphaも、ここまで説明したアルファ値のことです。
| 素材 | 確認できたこと | そのまま完成としない理由 |
|---|---|---|
| マグカップ | 外側と取っ手の穴を透明化。縮小比較で大きな灰色の残りは目立たない。 | 陶器中央のalphaは253/255。完全不透明ではなく、全画素の輪郭正解判定は未実施。 |
| 泡立て器 | 線の間と持ち手の輪が抜け、白黒どちらでも主要な金属線が見える。 | 処理後の対象がキャンバス内で大きくなり、線の形状が元と同一とはいえない。画素保存型の切り抜きではない。 |
| ガラス瓶 | 外側は透明、胴体中央にも半透明alpha184/255が存在。 | 処理後に瓶が大きくなり、黒背景では胴体に曇ったような模様が見える。元のガラスの透過や屈折を正しく復元した証明にはならない。 |
修正が必要なら、「もっときれいに」だけで依頼せず、メモした場所を示し、どの部分を残してどこを消すかを伝えます。細い線や実物の形が変わる場合は、元の画素を残したまま、消す範囲を指定する方法も検討してください。編集ソフトで範囲を選ぶ「選択範囲」や、残す部分と隠す部分を指定する「マスク」を使う方法です。撮影時の背景や光の当て方を見直す選択肢もあります。別の方法で直した後も、白・黒・掲載先の背景で同じ順番に確認します。
透過原本と、背景へ重ねた確認画像を分けて保存する
最後に、処理前の画像、背景を重ねていない透過PNGの原本、白と黒の背景へ重ねた確認画像を、別々のファイルで残します。例えば名前に「処理前」「透過原本」「白背景確認」「黒背景確認」を入れると、渡すファイルを見分けやすくなります。
確認用の白い背景と合成して1枚にした画像を、透過原本へ上書きしないでください。白い背景まで画像の一部として保存すると、後で紺色などの背景に置いても、周囲の白が残ります。元の透過PNGから確認用のコピーを作り、別名で保存します。

この記事の配布データには、3素材の元画像、未修正の透過PNG、白黒の確認画像、160pxの縮小版、指示文、点検記録を収録しました。形が変わった出力も含め、結果を見比べるための学習用データとして残しています。完成した商品写真のセットではありません。
3素材の処理前・透過PNG・白黒比較・指示と点検記録をダウンロード
複数の画像を扱う場合も、1枚でうまくいった条件を、そのまま全画像の成功と考えずに素材ごとに確認します。今回も3画像を個別に指定して処理しており、まとめて処理する機能の速度や費用を比べた試験ではありません。無料で使える回数や出力の制限は、使うサービスの現在の案内を確認してください。
保存したら、掲載先へ画像を読み込み、実際の背景色と表示幅でもう一度見ます。「透明になったか」「必要な形が残ったか」「掲載先で見やすいか」の3つを確かめてから使うことで、背景を消しただけで完成としてしまう見落としを減らせます。