2026年7月19日約4分で読めます

背景を透過したPNGを数秒で作る方法（2026年版）

PNGの透過とは何か、どんなときに必要か、そして数秒できれいに作る方法を解説します。白い四角が出る、透過が消えるといったトラブルの直し方もまとめました。

「透過PNGで送ってください」は、自分が作る側に回るまでは簡単そうに聞こえる依頼の代表です。PNGの何が「透過」なのでしょうか。なぜウェブサイトに置いたロゴのまわりに白い四角が出るのでしょうか。そして、誰かがJPGで保存した途端に透過が消えたのはなぜでしょうか。

このガイドでは、透過とは実際に何なのか、いつ必要になるのか、そしてどんな画像からでもきれいな透過PNGを作る方法を扱います。

「透過」が実際に意味すること

デジタル画像はピクセルの格子で、各ピクセルは色――赤・緑・青の値――を持っています。透過に対応した形式は4つ目の値、つまりアルファチャンネルを加えます。これは、そのピクセルがどれだけ不透明かを、完全に不透明から完全に見えない状態までの範囲で示します。

「透過PNG」とは、背景のピクセルのアルファが「見えない」に設定されているだけのPNGです。被写体の後ろには何もありません。白いピクセルではなく、ピクセルがないのです。その画像を何の上に置いても、下にあるものが透けて見えます。

これが白背景との決定的な違いです。

JPG/JPEG — 透過には一切対応していません。透過画像をJPGで保存すると、背景が黙って（たいていは白で）塗りつぶされます。世の中で透過が壊される原因の第1位です。
PNG — 8ビットのアルファ透過に完全対応、劣化のない品質、どこでも使えます。ロゴ、切り抜き、グラフィックの標準的な選択肢です。
WebP — PNGと同じように透過に対応しながらファイルサイズは小さく、ウェブに最適です。ブラウザの対応も、いまではほぼ全域に広がっています。WebP中心のワークフローなら、remover.bgもアップロードから書き出しまでWebPに対応しています。

目安：透過のない写真はJPGかWebP、透過があるものはPNGかWebP、切り抜きにJPGは絶対に使わない。

ロゴ — ウェブサイト、請求書、プレゼン資料、グッズなど、ロゴは背後にあるものの上に置かれなければなりません。（背景が焼き付いたロゴがありますか？　直し方はこちら。）
商品の切り抜き — 同じ商品画像を、バナーにも、マーケットプレイスの出品にも、季節キャンペーンの背景にも載せられます。
デザイン素材 — アイコン、バッジ、書類に入れる署名、ウォーターマーク。
ステッカーやオーバーレイ — チャットのステッカー、配信のオーバーレイ、動画用グラフィック。
プリントオンデマンドのデザイン — Tシャツのプリンターに必要なのはデザインであって、デザイン＋白い長方形ではありません。（PODのファイルを準備中ですか？　プリントオンデマンドの画像チェックリスト全文はこちら。）

デザイナーにとって透過素材はレゴのブロックです。どんな素材も、どんな背景の上にも自由に組み合わせられます

透過は、ワークフローのすべての工程がそれを尊重したときだけ生き残ります。

JPGで保存し直さない — 気づかないうちに透過を消してしまう犯人です。スクリーンショットツール、「ウェブ用に書き出し」のプリセット、画像を変換するメッセージアプリのどれもが、ファイルを統合してしまいます。
メールやチャットの圧縮に注意 — 画像を再エンコードするプラットフォームもあります。透過素材は本文中の画像ではなく、ファイル添付で送りましょう。
納品前に確認 — 色のついた背景の上でファイルを開くか、画像ビューアーで市松模様を探します。市松模様なら透過、白なら統合済みです。

「ロゴのまわりに白い四角が出る」 — そのファイルはJPGか、統合されたPNGです。背景削除にかけて、新しいPNGとして書き出してください。
「エッジがギザギザ、または白いふちが出る」 — しきい値で一律に切り抜くツールで作られた切り抜きです。AIによる削除は、どんな背景にもなじむやわらかいアンチエイリアスのエッジを作ります。
「ファイルが大きすぎる」 — PNGは可逆圧縮です。ウェブで使うならWebPに変換する（透過を保ったままサイズが小さくなります）か、寸法を縮小しましょう。

きれいな透過マスターファイルができたら、それを資産として扱いましょう。PNGを安全に保管し、必要に応じてそこから統合したJPGを作ります。決してその逆をしてはいけません。